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 .
Search WWH ::




Custom Search