CSS border-spacing 属性

コース推薦：

定義と使用法

border-spacing 属性は、隣接するセルの枠線間の距離を設定します（「边框分离」モードのみ）。注記：

IEブラウザの一部のバージョンでは、この属性をサポートしていません。

説明

この属性は、セルの境界線間の距離を指定するために使用されます。指定された二つの長さ値のうち、最初の値は水平間隔、二番目の値は垂直間隔です。border-collapse が separate に設定されていない場合、この属性は無視されます。この属性はテーブルにのみ適用されますが、テーブル内のすべての要素から継承されます。

も参照してください：CSS 表格

CSS チュートリアル：HTML DOM リファレンスマニュアル：

borderSpacing 属性

例

テーブルに border-spacing を設定する：
  table
  {
  border-collapse:separate;
  border-spacing:10px 50px;

}

実際に試してみてください

CSS 文法 lengthborder-spacing:

|initial|inherit;

属性値 値
説明

length length

隣接するセルの枠線間の距離を規定します。px、cmなどの単位を使用できます。負の値は使用できません。 length 一つのパラメータを定義している場合、それは水平および垂直間隔を定義しています。

二つのパラメータを定義している場合、それは水平および垂直間隔を定義しています。 length パラメータが指定されている場合、最初のパラメータは水平間隔を設定し、二番目のパラメータは垂直間隔を設定します。
inherit 親要素から border-spacing 属性の値を継承することを規定しています。

技術的な詳細

デフォルト値： 指定されていません
継承性： はい
バージョン： CSS2
JavaScript 文法： object.style.borderSpacing="15px"

さらに多くの例

テーブルの枠線間のスペースを設定
この例では、セルの枠線間の距離を設定する方法を示しています。

ブラウザのサポート

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0