HTML DOM Style columnGap 屬性

2018-08-04 20:41 更新

Style columnGap 屬性

Style 對(duì)象參考手冊(cè) Style 對(duì)象

實(shí)例

規(guī)定列之間的間隔為 40 像素:

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

嘗試一下 ?

定義和用法

columnGap 屬性規(guī)定列之間的間隔。

注意:如果列之間設(shè)置了 column-rule,它會(huì)出現(xiàn)在間隔中間。


瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 10 和 Opera 支持 columnGap 屬性。

Firefox 支持另一個(gè)可替代該屬性的屬性,即 MozColumnGap 屬性。

Safari 和 Chrome 支持另一個(gè)可替代該屬性的屬性,即 WebkitColumnGap 屬性。

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


語(yǔ)法

返回 columnGap 屬性:

object.style.columnGap

設(shè)置 columnGap 屬性:

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

屬性值

描述
length 把列之間的間隔設(shè)置為指定的長(zhǎng)度。
normal 默認(rèn)值。規(guī)定列之間的間隔為一個(gè)常規(guī)的間隔。W3C 建議的值是 1em。
initial 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial
inherit 從父元素繼承該屬性。請(qǐng)參閱 inherit

技術(shù)細(xì)節(jié)

默認(rèn)值: normal
返回值: 字符串,表示元素的 column-gap 屬性。
CSS 版本 CSS3


相關(guān)文章

CSS3 教程:CSS3 多列

CSS 參考手冊(cè):column-gap 屬性


Style 對(duì)象參考手冊(cè) Style 對(duì)象

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)