column-rule-style
**column-rule-style
** CSS 属性设置在多列布局中列之间绘制的线条的样式。
试试看
语法
css
/* <'border-style'> values */
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;
/* Global values */
column-rule-style: inherit;
column-rule-style: initial;
column-rule-style: revert;
column-rule-style: revert-layer;
column-rule-style: unset;
column-rule-style
属性指定为单个 <'border-style'>
值。
值
<'border-style'>
-
是由
border-style
定义的关键字,描述规则的样式。样式必须根据折叠边框模型进行解释。
正式定义
正式语法
示例
设置虚线列规则
HTML
html
<p>
This is a bunch of text split into three columns. The `column-rule-style`
property is used to change the style of the line that is drawn between
columns. Don't you think that's wonderful?
</p>
CSS
css
p {
column-count: 3;
column-rule-style: dashed;
}
结果
规范
规范 |
---|
CSS 多列布局模块级别 1 # crs |
浏览器兼容性
BCD 表格仅在浏览器中加载