CSS column-rule-width Property
The column-rule-width property in CSS is used to change the width of the column rule i.e., the vertical lines between the columns.
The column-rule-width property specifies the width of the rule between columns.
CSS Syntax
column-rule-width: medium|thin|thick|length|initial|inherit;
Property Values:
- thin: It is used to set a thin rule between the columns.
- medium: It is used to create a medium width rule between the columns. It is the default width.
- thick: It creates a thick width rule between the columns.
- length: It is used to set the width by length. It does not takes negative value.
- initial: It is used to set column-rule-width property to its default value.
- inherit: This property is inherited from its parent.
Supported Browsers: The browsers supported by column-rule-color Property are listed below;
- Firefox: 52.0, 2.0 -moz-
- Google Chrome: 50.0, 4.0 -webkit-
- Internet Explorer: 10.0
- Safari: 9.0, 3.1 -webkit-
- Opera: 37.0, 15.0 -webkit-, 11.1
Example -