列规定宽度 | 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 |
|---|---|
适用于 | 多元元素 |
遗传 | 没有 |
媒体 |
visual |
计算值 | 绝对长度; 如果列规则样式为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 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
