Style columnGap 屬性

Style 對象

執行個體

規定列之間的間隔為 40 像素：

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

定義和用法

columnGap 屬性規定列之間的間隔。

注意：

如果列之間設定了 column-rule，它會出現在間隔中間。

浏覽器支援

Internet Explorer 10 和 Opera 支援 columnGap 屬性。

Firefox 支援另一個可替代該屬性的屬性，即 MozColumnGap 屬性。

Safari 和 Chrome 支援另一個可替代該屬性的屬性，即 WebkitColumnGap 屬性。

注意：Internet Explorer 9 及其之前的版本不支援 columnGap 屬性。

文法

傳回 columnGap 屬性：

object.style.columnGap

設定 columnGap 屬性：

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

屬性值

值	描述
length	把列之間的間隔設定為指定的長度。
normal	預設值。規定列之間的間隔為一個正常的間隔。W3C 建議的值是 1em。
initial	設定該屬性為它的預設值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。

技術細節

預設值：
傳回值：	字元串，表示元素的 column-gap 屬性。
CSS 版本	CSS3

相關文章

CSS3 教程：CSS3 多列

CSS 參考手冊：column-gap 屬性

Style 對象