1. css
  2. /properties
  3. /column-rule-width

column-rule-width

Definition

The column-rule-width CSS property sets the width of the dividing lines (rules) between columns in a multi-column layo

Examples

Specifies the rule width as 1 pixel:

column-rule-width: 1px;

Specifies the rule width as 2 millimeters:

column-rule-width: 2mm;

Specifies the rule width as 3 points:

column-rule-width: 3pt;

Values

ValueDescription
<length>Specifies the width of the rule using a length unit (e.g. px, pt, mm, em, etc.).
thinSpecifies a thin rule width.
mediumSpecifies a medium rule width.
thickSpecifies a thick rule width.
initialSpecifies the default value.
inheritSpecifies that the value should be inherited from the parent element.

Best Practices

  • Choose a column-rule-width that enhances the readability of the content and fits the overall design of the layout.
  • Consider using media queries to adjust the column-rule-width based on the screen size.

Browser Compatibility

ChromeFirefoxSafariInternet ExplorerMicrosoft EdgeOpera
YesYesYesYesYesYes