Definition and Usage
The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.
- Initialnone
- Applies tomulticol elements
- Inheritedno
- Mediavisual
- Computed Valueas specified
- Animatableno
- Canonical orderthe unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: <br-style>
column-rule-style: none
column-rule-style: hidden
column-rule-style: dotted
column-rule-style: dashed
column-rule-style: solid
column-rule-style: double
column-rule-style: groove
column-rule-style: ridge
column-rule-style: inset
column-rule-style: outset
column-rule-style: inherit
Values
- <br-style>
- Is a keyword defined by border-style describing the style of the rule. The styling must be interpreted as in the collapsing border model.
Examples
1 |
#header {-moz-column-rule-style: inset ;} |
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 |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
Basic support |
NA |
(Yes) |
NA |
NA |
NA |