CSS property: `column-rule`

Description

Shorthand for setting column-rule-width, column-rule-style, and column-rule-color at the same place

This property is a shorthand for setting column-rule-width, column-rule-style, and column-rule-color at the same place in the style sheet. Omitted values are set to their initial values.

Syntax

column-rule: <column-rule-width> || <border-style> || [ <color> | transparent ];

Syntax

Versions

CSS 3

Examples

In this example, the column rule and the column gap have the same width. Therefore, they will occupy exactly the same space.

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