border-collapseプロパティは表の枠(ボーダー)の表示モデルに結合ボーダーモデル、または分離ボーダーモデルのどちらを用いるのかを指定します。なお、border-collapseプロパティは子要素に継承されるので、div要素などのブロック要素である table要素を内包できる要素に border-collapseプロパティが指定することで、親要素から子要素の table要素へとその指定が継承されます。
collapseseparateinheritseparatetable要素)border-collapseプロパティに指定できる値のキーワードはそれぞれ以下の意味を示します。
collapseseparate"collapse" の表示モデルを「結合ボーダーモデル(collapsing border model)」と呼び、"separate" の表示モデルを「分離ボーダーモデル(separated borders model)」と呼びます。
CSS2 仕様における初期値は "collapse" となっていましたが、実際の主要視覚ブラウザの実装における初期値は分離表示の "separate" となっていることから、CSS2.1 仕様では UA の実装状況にあわせて初期値が "separate" へと変更されています。
.collapse { border-collapse : collapse ; }
.separate { border-collapse : separate ; }
table,th,td { border : 1px solid #666 ; }
CSS2 仕様における初期値は "collpase" ですが(CSS2.1 仕様では "separate" に変更)、実際の主要視覚ブラウザは "separate" が初期値に設定されているため、CSS2 適合 UA においてもボーダーの結合表示を行う場合は、実質的に "border-collapse : collapse ;" を指定する必要があります。