HTML and CSS Reference
In-Depth Information
Syntax
column-rule-color:
color
where
color
is any valid CSS color value.
Examples
.two-column {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
-moz-column-gap: 100px; -webkit-column-gap: 100px;
column-gap: 100px;
-moz-column-rule-style: solid;
-webkit-column-rule-style: solid;
column-rule-style: solid;
-moz-column-rule-color: red;
-webkit-column-rule-color: red;
column-rule-color: red;}
.three-column {-moz-column-count: 3; -webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 2em; -webkit-column-gap: 2em;
column-gap: 2em;
-moz-column-rule-style: dashed;
-webkit-column-rule-style: dashed;
column-rule-style: dashed;
-moz-column-rule-color: green;
-webkit-column-rule-color: green;
column-rule-color: green;}
Compatibility
CSS3
Chrome 2+, Firefox 3.5+, Safari 3+
Notes
• Firefox browsers support this property as
-moz-column-rule-color
and WebKit-
based browsers like Chrome and Safari support it as
-webkit-column-rule-
color
.
• A column rule style must at least be set to see the effect of this property.
column-rule-style
This property defines the style of the divider rule between columns in a multicolumn
text flow.
Syntax
column-rule-style: dashed | dotted | double | groove | hidden | inset |
inherit | none | outset | ridge | solid
where the initial value is
none
.