Definition and Usage
The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.
- InitialcurrentColor
- Applies tomulticol elements
- Inheritedno
- Mediavisual
- Computed ValueIf 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 rgb(0,0,0).
- Animatableyes, as a color
- Canonical orderthe 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.
Examples
1 |
#header { column-rule-color: blue; } |
Compatibility
Desktop browsers
| 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 |
Mobile browsers
| Feature |
Android |
Chrome for Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
| Basic support |
NA |
NA |
(Yes) |
NA |
NA |
NA |
