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; }