CSS column-rule Property Tutorial

In this section, we will learn what column-rule property is and how to use it in CSS.

Click here to run the example of column-rule property.

CSS column-rule Property Definition and Usage

The CSS column-rule property is a shorthand property by which we can set the values for the following properties in one declaration:

CSS column-rule Property Syntax

column-rule: column-rule-style column-rule-width column-rule-color;

CSS column-rule Property Value

The value we set for this property is the same as the values we set for the mentioned properties.

Note: these values are optional and if ignored, the default for each property will be used instead.

Example: column-rule property in CSS

See the Pen column-rule property in CSS by Omid Dehghan (@enjoytutorials1) on CodePen.

Leave a Reply