列规定宽度 | column-rule-width
column-rule-width
使用column-rule-widthCSS属性可以设置在多列布局的列之间绘制的规则的宽度。
/* 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;
/* Global values */
column-rule-width: inherit;
column-rule-width: initial;
column-rule-width: unset;
| 初始值 | medium |
|---|---|
| 适用于 | 多元元素 |
| 遗传 | 没有 |
| 媒体 | |
| 计算值 | 绝对长度; 如果列规则样式为none或隐藏，则为0 |
| 动画类型 | 长度 |
| 规范的顺序 | 逐个语法 |
语法
单一的<br-width>价值。
值
<br-width>是一个<length>的一个或thin，medium或thick描述规则分离两列的宽度关键字。
形式语法
<'border-width'>
例
#header {
column-rule-width: thick;
}
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Multi-column Layout ModuleThe definition of 'column-rule-width' in that specification. | Candidate Recommendation | Initial definition |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | (Yes)-webkit 50.01 | (Yes)-webkit | 3.5 (1.9.1)-moz 50.0 (50.0)2 | 10 | 11.10 | 3.0 (522)-webkit |
| Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | ? | ? 50.01 | (Yes)-webkit | (Yes) 50.0 (50.0)2 | ? | ? | ? | ? 50.01 |
