column-rule-width
版本:CSS3
CSS 特性 column-rule-color 让你可以设置在多列布局中被画在两列之间的规则(线条)的宽度。
示例
/* 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;
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE10以上版本的浏览器都支持column-rule-color |
语法
column-rule-color :thin | medium | thick |<length>
取值:
- medium:定义默认厚度的边框。
- thin:定义比默认厚度细的边框。
- thick:定义比默认厚度粗的边框。
- <length>:用长度值来定义边框的厚度。不允许负值
- 如果
column-rule-style
设置为none或者hidden,本属性将失去作用。
默认值 | medium |
适用于 | 定义了多列的元素 |
继承性 | 无 |
动画性 | 当是一个长度时 |
计算值 | 绝对长度值或者0(如果<column-rule-style>为 none 或者 hidden) |
实例
div{ -webkit-column-rule-width:1px; /*chrome,safari,opera*/ -moz-column-rule-width:1px; /*firefox*/ column-rule-width:1px; }