The CSS column-rule property is a shorthand property for setting the values of the column-rule-width, column-rule-style, and column-rule-color properties. Currently no browsers support this property (maybe Firefox 4.0 and IE9), but some browsers have their own vendor extensions (see below).
Values[]
Omitted values are set to their initial values.
| Value | Description |
|---|---|
<column-rule-width> |
Optional. See the values of the column-rule-width property.
|
<column-rule-style> |
Required. If absent, it will be rendered as if none. See column-rule-style for values.
|
<column-rule-color> |
Optional. If absent, the color of the color property will be used. See column-rule-color for values. transparent is valid.
|
CSS example:
body {
column-count:2;
column-rule:thick dashed red;
}
