Style borderSpacing属性

定義と使用方法

borderSpacing 属性設定またはテーブルのセル間のスペースの返り値。

注:borderCollapseが設定された場合、 collapse指定された場合、この属性は無効です。

他にも参照してください:

CSSチュートリアル:CSS テーブル

CSSリファレンスマニュアル:border-spacing属性

例1

テーブルのセル間のスペースを設定します:

document.getElementById("myTable").style.borderSpacing = "20px";

自分で試してみてください

例2

テーブルのセル間のスペースを返します:

alert(document.getElementById("myTable").style.borderSpacing);

自分で試してみてください

文法

borderSpacing属性の返り値:

object.style.borderSpacing

borderSpacing属性の設定:

object.style.borderSpacing = "length length|initial|inherit"

属性値

説明
length length

セル間のスペースを長さ単位で指定します。負の値の使用は許可されていません。デフォルト値は0です。

1つの長さ値が指定された場合、水平および垂直スペースを同時に設定します。

2つの長さ値が指定された場合、最初の値は水平スペース、2番目の値は垂直スペースを設定します。

initial この属性をデフォルト値に設定します。参照してください initial
inherit この属性を親要素から継承します。参照してください inherit

技術的詳細

デフォルト値: 0
返り値: 文字列で、テーブルのセル間のスペースを表します。
CSSバージョン: CSS2

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 9.0 サポート サポート サポート