Latest web development tutorials

HTML DOM Style columnRuleStyle 屬性

Style 對象參考手冊 Style對象

實例

改變列之間的樣式規則:

document.getElementById("myDIV").style.columnRuleStyle="dotted";

嘗試一下»

定義和用法

columnRuleStyle 屬性規定列之間的樣式規則。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10 和Opera 支持columnRuleStyle 屬性。

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

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


語法

返回columnRuleStyle 屬性:

object .style.columnRuleStyle

設置columnRuleStyle 屬性:

object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"

屬性值

描述
none 默认值。定义没有规则。
hidden 定义隐藏规则。
dotted 定义点状规则。
dashed 定义虚线规则。
solid 定义实线规则。
double 定义双线规则。
groove 规定 3D grooved 规则。该效果取决于宽度和颜色值。
ridge 规定 3D ridged 规则。该效果取决于宽度和颜色值。
inset 规定 3D inset 规则。该效果取决于宽度和颜色值。
outset 规定 3D outset 规则。该效果取决于宽度和颜色值。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技術細節

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


相關文章

CSS3教程: CSS3多列

CSS參考手冊: column-rule-style屬性


Style 對象參考手冊 Style對象