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.
column-rule: column-rule-width column-rule-style column-rule-color| initial|inherit;
- 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.
Supported Browsers: The browsers supported by column-rule Property are listed below;
- Google Chrome: 50.0 and above
- Edge 12.0 and above
- Internet Explorer: 10.0 and above
- Firefox: 52.0 and above
- Opera: 11.1 and above
- Safari: 9.0 and above