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