CSS 参考手册

CSS @规则(RULES)

border-spacing CSS属性は、隣接するテーブルセルの境界線間のスペースを設定するために分離された境界線モデルを使用します。折り返し境界線モデルを使用する場合、この属性は無視されます。参照してください。border-collapse属性。

このテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプト内での属性の使用シンタックスを示しています。

デフォルト値：	0
適用範囲：	テーブル(table)およびインラインテーブル(inline-table)要素
継承：	は。
アニメーション可能：	は。は。参照してください。
アニメーション属性	CSS 2バージョン：3
、	JavaScript構文： object12object.style.borderSpacing="

spacingの使用構文

border-この属性の構文は以下の通りです：　1　spacing: [ length ]　2　or

values　|　initial　|　inherit-このborder

spacing属性は1または2つのスペースで区切られた長さ値を取ることができます。指定された場合、1つの値値が指定された場合、
指定された場合、水平および垂直の枠の間隔に同時に適用されます。2つの値2つの値が指定された場合、最初の値は水平枠の間隔を設定し、2番目の値は垂直枠の間隔を設定します。

以下の例では、borderの使用方法を示しています。-spacing属性。

例

　　table {
　　　border-collapse: separate;
　　　border-spacing:　10px　20px;
　　}

以下のテーブルはこの属性の値を説明しています。

値	説明
length	px、pt、cm、emなどの長さ値で、負の値は許可されません。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを使用します。-spacingの属性値。

border-spacing属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

警告： Internet Explorer 7および以前のバージョンではこのborderをサポートしていません。-spacing属性。IE8ただし<!DOCTYPE>aを指定した場合にのみこの属性がサポートされます。

以下のチュートリアルを参照してください：CSSテーブル、CSS枠、CSS3枠。

テーブルに関連する属性：border-collapse、empty-cells、table-layout。