Style columnRule 属性

定义和用法

columnRule 属性是用于设置所有 columnRule 属性的简写属性。

columnRule 属性设置列之间规则的宽度、样式和颜色。

列规则属性按任意顺序排列：

另请参阅：

CSS3 教程：CSS 多列

CSS 参考手册：column-rule 属性

实例

规定列之间规则的宽度、样式和颜色：

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

亲自试一试

语法

返回 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

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0