CSS3

プロパティ

border-spacing

→●、mdn

隣接するセルの境界を分離する距離を指定。

長さは、隣接するセルの境界を分離する距離を指定します。

<length> <length>? ●

1つの長さを指定すると、水平方向と垂直方向の両方の間隔が得られます。

2つを指定すると、1つ目は水平方向の間隔を示し、2つ目は垂直方向の間隔を示します。

長さは負であってはなりません。

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

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

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

<TABLE style="border:1px solid red;
 border-spacing:5px 10px;
">
 <TR>
  <TD style="border:1px solid black;">1
  <TD style="border:1px solid black;">2
 <TR>
  <TD style="border:1px solid black;">3
  <TD style="border:1px solid black;">4
</TABLE>

水平＝5px、垂直＝10px

このモデルでは、各セルに個別の境界線があります。'border-spacing'プロパティは、隣接するセルの境界間の距離を指定します。このスペースは、テーブル要素の背景で埋められます。行、列、行グループ、および列グループに境界線を付けることはできません（つまり、ユーザー エージェントはこれらの要素の境界線プロパティを無視する必要があります）。

関連

border-collapse。

テスト