column-rule-width | CSS CSS Properties

Sets the thickness of the vertical line drawn between columns in a multi-column layout.

Quick example

.content {
  column-count: 3;
  column-rule-style: solid;
  /* Sets the thickness of the column divider */
  column-rule-width: 2px;
}

Initial value

medium

Inherited

Applies to

multi-column elements

Animation type

length

border-width

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+