The color of the rule between columns.
Syntax
column-rule-color: color ;
The default value is black.
Examples:
h1 { column-rule-color: #00ff00; }
.emw3class { column-rule-color: rgb(255,0,0); }
#emw3id { column-rule-color: #0000ff; }
Try it:
When text is displayed in newspaper columns the length of each line is much shorter. This is a great aid to readability. On the internet many people will skim read large blocks of text and this can have the unfortunate effect that they miss important points buried in a long paragraph. |
(CSS 3) Browser Support: IE 10, Opera. Use the equivalent -moz-column-rule-color for Firefox and -webkit-column-rule-color for Safari and Chrome.
“Mere colour, unspoiled by meaning, and unallied with definite form, can speak to the soul in a thousand different ways” ~ Oscar Wilde
Related:
column-rule-color - MDN Web Docs.
column-gap - Gap between the columns.
column-rule-style - Style of the rule between columns.
column-rule-width - Width of the rule between columns.
column-rule - A shorthand property for all the column-rule-* properties.