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 -