border-spacing【テーブル境界線の間隔】

メモ

  • テーブル境界線の間隔

構文 (※記述方法)

プロパティ値
border-spacing: length【長さ】 《length【長さ】》?

(1) １個指定 (水平垂直間隔)
(2) ２個指定 (水平間隔・垂直間隔)

例

<style>
  .tbl { border-collapse:separate; border:2px blue solid; width:25%; }
  .tbl td { border:2px red solid; }
</style>

<table class="tbl" style="border-spacing:10pt;">
  <tr><td>セル<td>セル</tr>
  <tr><td>セル<td>セル</tr>
</table>

<table class="tbl" style="border-spacing:20pt 10pt;">
  <tr><td>セル<td>セル</tr>
  <tr><td>セル<td>セル</tr>
</table>

セルセル
セルセル

セルセル
セルセル

関連