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;

浏览器支持

IE10以上版本的浏览器都支持column-rule-style

语法

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

取值：

• 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*/
}