CSS column-rule 属性

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

div {
column-rule: 4px double #ff00ff;
}

下面有更多 "亲自试一试" 示例。

定义和用法

这个column-rule属性设置列之间规则的宽度、样式和颜色。

该属性是以下属性的简写属性：

如果省略column-rule-color，则应用的颜色将是文本的颜色。

默认值：	中等无颜色
遗传：	不
可动画：	是的，查看各个属性。阅读可动画的尝试一下
版本：	CSS3
JavaScript 语法：	对象.style.columnRule="3px outset blue"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
column-rule	50.0 4.0 -webkit-	10.0	52.0 2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;

Value	Description	Demo
column-rule-width	Sets the width of the rule between columns. Default value is medium	Demo ❯
column-rule-style	Sets the style of the rule between columns. Default value is none	Demo ❯
column-rule-color	Sets the color of the rule between columns. Default value is the color of the element	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit