这篇翻译不完整。请帮忙从英语翻译这篇文章。
Summary
In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.
| 初始值 | as each of the properties of the shorthand:
|
|---|---|
| 适用元素 | multicol elements |
| 是否是继承属性 | 否 |
| 适用媒体 | visual |
| 计算值 | as each of the properties of the shorthand:
|
| 是否适用于 CSS 动画 | as each of the properties of the shorthand:
|
| 正规顺序 | order of appearance in the formal grammar of the values |
Syntax
Formal syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
column-rule: dotted; column-rule: solid blue; column-rule: solid 8px; column-rule: thick inset blue;
Values
Accepts one, two or three values in any order:
<'column-rule-width'>- Is a
<length>or one of the three keywords,thin,mediumorthick. Seeborder-widthfor details. <'column-rule-style'>- See
border-stylefor possible values and details. <'column-rule-color'>- Is a
<color>value.
Examples
p.foo { column-rule: dotted; } /* same as "medium dotted currentColor" */
p.bar { column-rule: solid blue; } /* same as "medium solid blue" */
p.baz { column-rule: solid 8px; } /* same as "8px solid currentColor" */
p.abc { column-rule: thick inset blue; }
Live Example
padding:0.3em; background:gold; border:groove 2px gold; column-rule: inset 2px gold; column-width:17em;
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Multi-column Layout Module column-rule |
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) | ? | ? | ? |
文档标签和贡献者
最后编辑者:
Sebastianz,