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