【CSS】border-spacing：テーブル(表)のセルのボーダー間隔を指定する

（例）【CSS】border-spacingの使用方法

See the Pen
border-spacing by linlin (@linlin098765)
on CodePen.

<table class="sample">
<tr><td class="sample">１</td><td class="sample">２</td></tr>
<tr><td class="sample">３</td><td class="sample">４</td></tr>
</table>

table.sample {
border: solid 1px black;
border-collapse: separate;
border-spacing: 10px 100px;
}
td.sample {border: solid 1px red;}

【CSS】border-spacing：テーブル(表)のセルのボーダー間隔を指定する

　CSSのborder-spacingは、テーブル（表）のセルのボーダー間隔を指定するプロパティです。border-spacingプロパティは、border-collapse:separateの時のみ有効です。

• 値１つ指定
  上下左右
• 値２つ指定
  上下と左右