Latest web development tutorials

HTML DOM Style columnRule 屬性

Style 對象參考手冊 Style對象

實例

規定列之間的寬度、樣式和顏色規則:

document.getElementById("myDIV").style.columnRule="3px outset blue";

嘗試一下»

定義和用法

columnRule 屬性是一個速記屬性,用於設置所有columnRule* 屬性。

columnRule 屬性設置列之間的寬度、樣式和顏色規則。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 和Opera 支持columnRule 屬性。

Firefox 支持另一個可替代該屬性的屬性,即MozColumnRule 屬性。

Safari 和Chrome 支持另一個可替代該屬性的屬性,即WebkitColumnRule 屬性。


語法

返回columnRule 屬性:

object .style.columnRule

設置columnRule 屬性:

object .style.columnRule="column-rule-width column-rule-style column-rule-color|initial|inherit"

屬性值

描述
columnRuleWidth 设置列之间的宽度规则。默认值是 medium。
columnRuleStyle 设置列之间的样式规则。默认值是 none。
columnRuleColor 设置列之间的颜色规则。默认值是元素的颜色。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技術細節

默認值: medium none color
返回值: 字符串,表示元素的column-rule 屬性。
CSS 版本 CSS3


相關文章

CSS3教程: CSS3多列

CSS參考手冊: column-rule屬性


Style 對象參考手冊 Style對象