Mozilla Developer NetworkTable of contents
- 1. Summary
- 2. Syntax
- 3. Values
- 4. Example
- 5. Specifications
- 6. Browser compatibility
- 7. See also
« CSS « CSS Reference
Summary
The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.
- Initial value
:
none - Applies to: all multi-column elements
- Inherited : no
- Media:
visual - Computed value
: absolute length;
0if the column rule style isnoneorhidden
Syntax
column-rule-width: <border-width>
Values
- <border-width>
- See
border-width.
Example
#header {column-rule-width: thick;}
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Multi-column Layout Module Level 3 | 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 | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | (Yes) | ? | ? | ? |
See also
- CSS Reference
- The column-related CSS properties:
column-width,column-count,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-fill,columns