The column-rule-color property sets the color of the rule between columns. 

Syntax:

selector { 

         column-rule-color: color | length | initial | inherit;

}

Values:

  • color; Sets the color we want for our rule. If nothing selected the color should be the same as the element it is applied on.
  • length; A number (px, em, %…) specifying the width of a rule.
  • initial (default value), inherit

Example

The column-rule-color property applied to paragraphs example:

 

›› go to examples ››