Your Search Results

    column-rule-width

    There was a scripting error on this page. While it is being addressed by site editors, you can view partial content below.

    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 {{ cssxref }} or one of the thin, medium or thick keyword describing the width of the rule separating two columns.

    Formal syntax

    How to read CSS 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        

    Document Tags and Contributors

    Tags: 
     Contributors to this page: jpmedley, Prinz_Rana, fscholz, Sebastianz, jsx, kscarfone, teoli, Sheppy, FredB, ethertank, brianloveswords, kuvik3, Marsf, Jürgen Jeka
     Last updated by: jpmedley,