CSS3

プロパティ

border-collapse

→● mdn

テーブルの境界モデル。

このプロパティは、テーブルの境界モデルを選択します。

関連：border-spacing

separate

分離された境界線の境界線モデルを選択します。

<TABLE style="border-collapse:separate; border:1px solid red">
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
</TABLE>

collapse

折りたたみ境界モデルを選択します。

<TABLE style="border-collapse:collapse; border:1px solid red">
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
</TABLE>

<TABLE style="border-collapse:collapse; border:2px solid red">
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
</TABLE>

TABLEのborderを2px

<TABLE style="border-spacing:0; border:1px solid red">
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
 <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
</TABLE>

border-spacing:0

inherit ○

親から継承する。

<TABLE style="border-collapse:collapse;"><TR><TD style="border:1px solid black; padding:10px;">
 <TABLE style="border-collapse:inherit; border:2px solid red">
  <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
  <TR><TD style="border:1px solid black">TD<TD style="border:1px solid black">TD
 </TABLE>
</TABLE>

テスト