CSS column-rule Property

The column-rule property in CSS is used to specify the width, style, and color of the rules between the columns.

The column-rule property sets the width, style, and color of the rule between columns.

This property is a shorthand property for:

• column-rule-width
• column-rule-style (required)
• column-rule-color

CSS Syntax

• column-rule-width: This value is used to set the width of the rule between the columns. The default value of this property-value is medium.
• column-rule-style: This value is used to set the style of the rule between columns. The default value of this property-value is none.
• column-rule-color: This value is used to set the color of the rule between columns. The default value of this property value is the color of the element.
• initial: This value is used to set default value of this column-rule property.
• inherit: This value tells the column-rule property to inherit the property from its parent.

Example -