column-rule

The column-rule CSS shorthand property sets the width, style, and color of the lines drawn between columns in multi-column grid, flex, and multi-col layouts.

The column-rule property defines the line style of any rule lines drawn in the gaps between columns in multi-column, flex, and grid containers with more than one column.

The column-rule is shorthand for column-rule-color, column-rule-style, and column-rule-width. The column-rule, along with the row-rule shorthand property, can also be set using the rule shorthand.

The property value is a comma-separated list of components, which can include <gap-rule>, <gap-repeat-rule>, and <gap-auto-repeat-rule> types. Each <gap-rule> defines the width, color, and style of one or more rule lines.

Syntax example: column-rule: dashed;