column-rule-style 属性可以接受以下类型的值:
1. 线型值(Line Style Values): 例如 none(无线)、solid(实线)、dashed(虚线)、dotted(点线)等。
2. 自定义样式: 例如 double(双实线)、groove(凹槽)、ridge(凸槽)等。
以下是一个简单的例子:
.example {
column-count: 3; /* 将元素分割成三列 */
column-rule: 2px; /* 列与列之间的分隔线为2像素宽的默认样式,默认颜色由column-rule-color决定 */
column-rule-style: dashed; /* 列与列之间的分隔线样式为虚线 */
}
在这个例子中,.example 类的元素被设置为分割成三列,并使用 column-rule-style 属性将列与列之间的分隔线样式设置为虚线。需要注意的是,column-rule-style 属性需要与 column-rule 一起使用,前者设置样式,后者设置宽度和颜色。
如果不单独设置 column-rule-style,分隔线的样式将采用元素的文本样式或者用户代理的默认值。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6052/CSS