CSS3 column-rule property
Examples
Rules specify between columns: width, style, and color:
div
{
column-rule: 3px outset # ff00ff;
-moz-column-rule: 3px outset # ff00ff; / * Firefox * /
-webkit-column-rule: 3px outset # ff00ff; / * Safari and Chrome * /
}
{
column-rule: 3px outset # ff00ff;
-moz-column-rule: 3px outset # ff00ff; / * Firefox * /
-webkit-column-rule: 3px outset # ff00ff; / * 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 | 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 property
column-rule property is set all the column-rule- * properties of a shorthand property. column-rule property is set between the columns widths, styles and colors.
Defaults: | medium none black |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.columnRule = "3px outset # ff00ff" |
grammar
column-rule: column-rule-width column-rule-style column-rule-color;
value | Explanation |
---|---|
column-rule-width | Set the width of the rule between columns |
column-rule-style | Setting style rules between columns |
column-rule-color | Set the color rule between columns |
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.
related articles
CSS3 tutorial: CSS3 Multiple the Columns