MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    column-rule-color Redirect 1

    Summary

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

    • Initial value currentColor
    • Applies to multicol elements
    • Inherited no
    • Media visual
    • Computed value If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgba(0,0,0,0).
    • Animatable yes, as a color
    • Canonical order the unique non-ambiguous order defined by the formal grammar

    Syntax

    Formal syntax: <color>
    
    column-rule-color: red
    column-rule-color: rgb(192, 56, 78)
    column-rule-color: transparent
    column-rule-color: hsla(0, 100%, 50%, 0.6)
    
    column-rule-color: inherit
    

    Values

    <color>
    Is a <color> value representing the color of the rule separating columns.

    Example

    #header { column-rule-color: blue; }
    

    Specifications

    Specification Status Comment
    CSS Multi-column Layout Module Candidate Recommendation  

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support (Yes)-webkit 3.5 (1.9.1)-moz 10 11.1 3.0 (522)-webkit
    Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support ? ? (Yes) ? ? ?

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy
    Last updated by: Sheppy,
    Hide Sidebar