/* Keyword values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick;  /* <length> values */ column-rule-width: 1px; column-rule-width: 2.5em;  /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: revert; column-rule-width: unset; 

column-rule-width

The column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout.

Syntax

/* Keyword values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick;  /* <length> values */ column-rule-width: 1px; column-rule-width: 2.5em;  /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: revert; column-rule-width: unset; 

The column-rule-width property is specified as a single <'border-width'> value.

Values

Is a keyword defined by border-width describing the width of the rule. It may be either a <length> or one of the thin, medium, or thick keywords.

Formal definition

Formal syntax

<'border-width'>

Examples

Setting a thick column rule

<p>This is a bunch of text split into three columns.    The `column-rule-width` property is used to change    the width of the line that is drawn between columns.    Don't you think that's wonderful?</p> 

p {   column-count: 3;   column-rule-style: solid;   column-rule-width: thick; } 

Specifications

See also

Last modified: Aug 12, 2021, by MDN contributors