CSS column-rule-width

The column-rule-width property in CSS is used to specify the width of the rule between columns. This property is only applied when using multiple columns in an element with CSS. The default value is medium.

The syntax for using the column-rule-width property is as follows:


selector {
    column-rule-width: value;
}

Where value can be specified in pixels, em, rem, percentages, or other length units.

Let's see an example of how to use the column-rule-width property in CSS:

Result:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante mattis, consectetur turpis in, feugiat justo. Aliquam erat volutpat.

Nulla facilisi. Donec pulvinar ligula eget magna tincidunt, eu aliquet leo fringilla. Duis ac ligula ac metus tincidunt condimentum.

Phasellus tincidunt magna et ante tincidunt, eu aliquet leo fringilla. Duis ac ligula ac metus tincidunt condimentum.

In the example above, we have an element with three columns and a column rule width of 5 pixels. The rule is displayed as a solid black line.