Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Our volunteers haven't translated this article into Tiếng Việt yet. Join us and help get the job done!

Summary

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

Initial valuemedium
Applies tomulticol elements
Inheritedno
Mediavisual
Computed valuethe absolute length; 0 if the column-rule-style is none or hidden
Animatableyes, as a length
Canonical orderthe unique non-ambiguous order defined by the formal grammar

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

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

<br-width>

where
<br-width> = <length> | thin | medium | thick

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

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)-webkit 3.5 (1.9.1)-moz 10 11.10 3.0 (522)-webkit
Unprefixed 50.0        
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? (Yes) ? ? ? ?
Unprefixed No support 50.0         50.0

Document Tags and Contributors

 Last updated by: fscholz,