CSS border-spacing プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

テーブルのボーダー間隔を設定します：

table {
    border-collapse: separate;
    border-spacing: 10px 50px;
}
Try it Yourself ❯

定義と用法

border-spacing プロパティは、隣接するセルのボーダー間の距離を設定します（"separated borders" モデルの場合のみ）。

デフォルト値： 0
継承： 継承する
アニメーション可否： 可。animatable を参照 Try it
バージョン： CSS2
JavaScript 構文： object.style.borderSpacing="15px" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-spacing 1.0 8.0 1.0 1.0 4.0

注: IE8は、!DOCTYPEを指定した場合のみ border-spacing プロパティをサポートします。

CSS 構文

border-spacing: length|initial|inherit;

プロパティの値

値 説明 Play it
length length 隣接するセルのボーダー間の距離を px、cm、などで指定します。負の値は指定できません
  • length を 1 つだけ指定した場合は、横及び縦方向の間隔に設定されます
  • length を 2 つ指定した場合は、最初の値は横方向の間隔へ、2番目の値は縦方向の間隔に設定されます
 Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル： CSS Table

HTML DOM リファレンス：borderSpacing プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯