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
10	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?