スタイルcolumnGapプロパティ
例
列間に40ピクセルのギャップを指定します。
document.getElementById("myDIV").style.columnGap = "50px";
定義と使用法
columnGapプロパティは、列間のギャップを指定します。
注:列の間に列ルールがある場合、それはギャップの中央に表示されます。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
columnGap | 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
構文
columnGapプロパティを返します。
object.style.columnGap
columnGapプロパティを設定します。
object.style.columnGap = "length|normal|initial|inherit"
プロパティ値
Value | Description |
---|---|
length | A specified length that will set the gap between the columns |
normal | Default value. Specifies a normal gap between the columns. W3C suggests a value of 1em |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 正常 |
---|---|
戻り値: | 要素の列ギャッププロパティを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
CSS3チュートリアル:CSS3複数列
CSSリファレンス:column-gapプロパティ
❮スタイルオブジェクト