The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

/* 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: unset;

Initial valuemedium
Applies tomulticol elements
Inheritedno
Mediavisual
Computed valuethe absolute length; 0 if the column-rule-style is none or hidden
Animation typea length
Canonical orderper grammar

Syntax

A single <br-width> value.

Values

<br-width> 
Is a <length> or one of the thin, medium or thick keyword describing the width of the rule separating two columns.

Formal syntax

<'border-width'>

Example

#header {
  column-rule-width: thick;
}

Specifications

Specification Status Comment
CSS Multi-column Layout Module
The definition of 'column-rule-width' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support

50

Yes -webkit-

Yes -webkit-

50

3.5 -moz-

10

11.1

15 -webkit-

3 -webkit-
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic support Yes

50

Yes -webkit-

Yes -webkit-

50

Yes -moz-

? ? ?