CSS column-rule-width Property

Description

The column-rule-width property sets the width of the rule between columns. Negative values are not allowed.

Initial value
medium
Applies to
Multi-column elements
Inherited
No
Media
Visual
Computed value
absolute length; '0' if the column rule style is 'none' or 'hidden'
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.columnRuleWidth

Syntax

Formal syntax: <border-width>

column-rule-width: medium    /* Keyword value */
column-rule-width: 10px     /* Length values */
column-rule-width: 1.5em

Values

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

Example

body {
   column-gap: 1em;
   column-rule-width: thin; 
   column-rule-style: solid; 
   column-rule-color: black;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
10?????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????