column-rule-width property CSS Reference

---

Definition and Usage

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

• Initial medium
• Applies to multicol elements
• Inherited no
• Media visual
• Computed Value an absolute length; 0 if the column rule style is none or hidden
• Animatable yes, as a length
• Canonical order the unique non-ambiguous order defined by the formal grammar

---

Syntax

Formal syntax: <br-width>

column-rule-width: thin    /* Keyword values */
column-rule-width: medium
column-rule-width: thick
column-rule-width: 1px     /* Length values */
column-rule-width: 2.5em
column-rule-width: inherit

---

Values

<br-width> 

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

---

Examples

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

---

Compatibility

Desktop browsers

Mobile browsers