Latest web development tutorials

HTML DOM Style columnGap 屬性

Style 對象參考手冊 Style對象

實例

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

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

嘗試一下»

定義和用法

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

注意:如果列之間設置了column-rule,它會出現在間隔中間。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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屬性


Style 對象參考手冊 Style對象