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


selector { 

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



  • 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


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


›› go to examples ››