column-rule–

• column-rule
• column-rule-style
• column-rule-width
• column-rule-color

This is shorthand of other column-rule-* properties.

Syntax: –

Selector {column-rule: column-rule-width column-rule-style column-rule-color }

Ex: –

div { column-rule: 5px solid red;}

column-rule-style–

This property is used to specify the style of the rule between columns. We can set this property to none (default), hidden, dotted, dashed, solid, double, groove, ridge, inset and outset.

Ex: –

div { column-rule-style: double;}

column-rule-width–

This property is used to specify width of the rule between columns. We can set this property to medium (default), thin, thick and length.

Ex: –

div { column-rule-width: 5px;}

column-rule-color

This property is used to specify color of the rule between columns. We can set this property to color value.

Ex: –

div { column-rule-color: red;}

• Author
• Recent Posts

rajeshkumar

Latest posts by rajeshkumar (see all)

• The Three Pillars of Digital Resilience in 2025: Database Administration, Cybersecurity, and Vulnerability Assessment - September 24, 2025
• Avionics Technician: The Backbone of Modern Aviation - September 12, 2025
• Top 20 Computer Vision Libraries - August 26, 2025