We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

-webkit-column-rule-color Redirect 1


The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

  • Initial value currentColor
  • Applies to multicol elements
  • Inherited no
  • Media visual
  • Computed value If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgba(0,0,0,0).
  • Animatable yes, as a color
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: <color>
column-rule-color: red
column-rule-color: rgb(192, 56, 78)
column-rule-color: transparent
column-rule-color: hsla(0, 100%, 50%, 0.6)

column-rule-color: inherit


Is a <color> value representing the color of the rule separating columns.


#header { column-rule-color: blue; }


Specification Status Comment
CSS Multi-column Layout Module
The definition of 'column-rule-color' in that specification.
Candidate Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)-webkit 3.5 (1.9.1)-moz 10 11.1 3.0 (522)-webkit
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? (Yes) ? ? ?

See also

Document Tags and Contributors

Last updated by: Sheppy,