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。 |
技術細節
| 默認值： | normal |
|---|---|
| 返回值： | 字串，表示元素的 column-gap 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS3 教學：CSS3 多列
CSS 參考手冊：column-gap 屬性