CSS border-spacing

CSSのborder-spacingは、表 (テーブル) の枠線との間の大きさを指定するプロパティです。

書式

border-spacing: horizontal vertical

属性値

horizontal

横の幅を10pxのように数値と単位で指定します。

vertical

縦の幅を10pxのように数値と単位で指定します。verticalを省略した場合は、縦の幅は横の幅と同じになります。

初期値

0

適用対象

以下に示す要素に対して、border-spacing プロパティを適用できる。

• table
• display プロパティに inline-table を指定した要素

継承

親要素の border-spacing プロパティの値が子要素へ継承される。

使用例

<table border="1" style="border-spacing: 30px 15px">
  <tr>
    <td>cell #1</td>
  </tr>
</table>

関連記事

• border-collapse
• caption-side
• empty-cells
• table-layout

参考文献

World Wide Web Consortium (2025) Cascading Style Sheets (CSS) Level 2