column-rule-color | CSS CSS Properties

Sets the color of the vertical line (rule) drawn between the columns of a multi-column layout.

Quick example

.content {
  column-count: 3;
  column-rule-style: solid;
  /* Sets the color of the vertical separator line */
  column-rule-color: #cbd5e1;
}

Initial value

currentcolor

Inherited

Applies to

multi-column elements

Animation type

color

Widely available Since 2017 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.

Safe to use without fallbacks.

50+

52+

12+