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.