CSS3 column-rule-style 属性

发布时间:2019-10-01编辑:佚名阅读(640)

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-colorcolumn-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

  关键字:CSS3column-rule-style属性


鼓掌

0

正能量

0

0

呵呵

0


评论区