最新のWeb開発のチュートリアル
 

Style borderSpacing Property

<スタイルオブジェクト

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

document.getElementById("myTable").style.borderSpacing = "20px";
»それを自分で試してみてください

定義と使用法

borderSpacingプロパティセットまたはテーブル内のセルとの間の空間を返します。

Note:場合、このプロパティは効果がありませんborderCollapseが崩壊するように設定されています。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderSpacingプロパティは、すべての主要なブラウザでサポートされています。

Note: borderSpacingプロパティはIE7およびそれ以前ではサポートされていません。 IE8は、!のDOCTYPEが必要です。 IE9は、それをサポートしています。


構文

borderSpacingプロパティを返します:

object .style.borderSpacing

borderSpacingプロパティを設定します。

object .style.borderSpacing=" プロパティ値
説明
length length 長さの単位でセル間のスペースを指定します。 負の値は許可されていません。 デフォルト値は0です。
  • 1つの長さ値が指定されている場合、それは両方の水平および垂直方向の間隔を指定します
  • 2つの長さの値を指定した場合、最初の水平方向の間隔および第2のセット垂直方向の間隔を設定します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 表内のセルとの間の空間を表す文字列、
CSSのバージョン CSS2

その他の例

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

alert(document.getElementById("myTable").style.borderSpacing);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS表

CSSリファレンス: ボーダー-spacingプロパティ


<スタイルオブジェクト