CSS3 column-rule-width attribute
Examples
Specifies the width of the rule between columns:
div
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and Chrome */
}
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* 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-width | 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-width attribute specifies the width of the rule between columns.
Defaults: | medium |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnRuleWidth = "thin" |
grammar
column-rule-width: thin | medium | thick | length;
value | Explanation |
---|---|
thin | Specify a thin border rules |
medium | Define a medium-border rules |
thick | Specify a thick border rules |
length | Specifies the width of the rule |
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 multi-column