column-rule-color property CSS Reference

Definition and Usage

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

  • Initial 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 rgb(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; }


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support (Yes)-webkit3.5 (1.9.1)-moz1011.13.0 (522)-webkit

Mobile browsers

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportNANA(Yes)NANANA

Relative articles