Style columnGap 属性

定義と用法

columnGap 属性は列間の間隔を規定します。

注釈：列間に column-rule が設定されている場合、間隔の中間に表示されます。

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

CSS3 チュートリアル：CSS 多列

CSS リファレンスマニュアル：column-gap 属性

例

列間の間隔を40ピクセルに規定します：

document.getElementById("myDIV").style.columnGap = "50px";

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

構文

columnGap 属性の返り値：

object.style.columnGap

columnGap 属性の設定：

object.style.columnGap = "length|normal|initial|inherit"

属性値

値 説明
length 列間の間隔を指定された長さに設定します。
normal デフォルト値。列間の間隔を通常の間隔に規定します。W3Cの推奨値は1emです。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： normal
返り値： 文字列、要素の column-gap 属性。
CSS バージョン： CSS3

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0