column-rule-style

版本：CSS3

CSS特性column-rule-style让你可以设置在多列布局中被画在两列之间的规则（线条）的样式。

示例

column-rule-style: none;
column-rule-style: hidden;
column-rule-style: dotted;
column-rule-style: dashed;
column-rule-style: solid;
column-rule-style: double;
column-rule-style: groove;
column-rule-style: ridge;
column-rule-style: inset;
column-rule-style: outset;

column-rule-style: inherit;

浏览器支持

语法

取值：

• none：无轮廓。column-rule-color与column-rule-width将被忽略
• hidden：隐藏边框。
• dotted：点状轮廓。
• dashed：虚线轮廓。
• solid：实线轮廓
• double：双线轮廓。两条单线与其间隔的和等于指定的column-rule-width值
• groove：3D凹槽轮廓。
• ridge：3D凸槽轮廓。
• inset：3D凹边轮廓。
• outset：3D凸边轮廓。
• 如果column-rule-width等于0，本属性将失去作用。

实例

div{
 column-rule-style:dotted;
 -moz-column-rule-style:dotted; /*firefox*/
 -webkit-column-rule-style:dotted; /*safari and chrome*/
}

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com