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