CSS column-rule-color Property

Description

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

Initial value
currentColor
Applies to
Multi-column elements
Inherited
No
Media
Visual
Computed value
The same as the computed value for the 'color' property
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.columnRuleColor

Syntax

column-rule-color: <color>

Values

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

Example

body {
   column-gap: 1em;
   column-rule-width: thin;
   column-rule-style: solid;
   column-rule-color: black;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
1012505211.19
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
50505211.195.0