CSS3 column-rule-color attribute
Examples
Specify color rules between columns:
div
{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
}
{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /* Firefox */
-webkit-column-rule-color:#ff0000; /* Safari and Chrome */
}
try it"
In the bottom of this page for more examples.
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
属性 | |||||
---|---|---|---|---|---|
column-rule-color | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Attribute definitions and instructions
column-rule-color attribute specifies the color of the rule between columns.
Defaults: | black |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnRuleColor = "# ff00ff" |
grammar
column-rule-color:color;
值 | 描述 | 测试 |
---|---|---|
color | 指定颜色的规则。在CSS颜色值寻找颜色值的完整列表 |
More examples
Column-count
Text div element into three columns.
Column-gap
Text in the div element into three columns, and specify the gap between the columns of a 30 pixel.
Column-rule
Rules specify between columns: width, style and color.
related articles
CSS3 tutorial: CSS3 Multiple the Columns