Summary
The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.
| 初始值 | medium |
|---|
| 适用元素 | multicol elements |
|---|
| 是否是继承属性 | 否 |
|---|
| 适用媒体 | visual |
|---|
| 计算值 | the absolute length; 0 if the column-rule-style is none or hidden |
|---|
| 是否适用于 CSS 动画 | yes, as a length |
|---|
| 正规顺序 | the unique non-ambiguous order defined by the formal grammar |
|---|
Syntax
Formal syntax: <br-width>where
<br-width> = <length> | thin | medium | thick
/* 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;
column-rule-width: inherit;
Values
- <br-width>
- Is a
<length> or one of the thin, medium or thick keyword describing the width of the rule separating two columns.
Example
#header {column-rule-width: thick;}
Specifications
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) |
? |
? |
? |