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

• 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 -