CSS3 column-rule-style 属性
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
语法:
column-rule-style:none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
默认值:none
取值:
- none:
- 无轮廓。column-rule-color与column-rule-width将被忽略
- hidden:
- 隐藏边框。
- dotted:
- 点状轮廓。
- dashed:
- 虚线轮廓。
- solid:
- 实线轮廓
- double:
- 双线轮廓。两条单线与其间隔的和等于指定的column-rule-width值
- groove:
- 3D凹槽轮廓。
- ridge:
- 3D凸槽轮廓。
- inset:
- 3D凹边轮廓。
- outset:
- 3D凸边轮廓。
说明:
设置或检索对象的列与列之间的边框样式。参阅border-style属性
- 如果column-rule-width等于0,本属性将失去作用。
- 对应的脚本特性为columnRuleStyle。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 墨绿 = 部分支持
- 橙色 = 实验性质
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
版本 | 6.0-9.0 | 4.0-9.0 | 5.1 | 13.0-16.0 | 11.50 |
版本 | 10.0 |
写法:
内核类型 | 写法 |
---|---|
Webkit(Chrome/Safari) | -webkit-column-rule-style |
Gecko(Firefox) | -moz-column-rule-style |
Presto(Opera) | column-rule-style |
Trident(IE) | column-rule-style |
W3C | column-rule-style |