column-rule-color
**column-rule-color
** CSS 属性设置在多列布局中列之间绘制的线条的颜色。
试一试
语法
css
/* <color> values */
column-rule-color: red;
column-rule-color: rgb(192 56 78);
column-rule-color: transparent;
column-rule-color: hsl(0 100% 50% / 60%);
/* Global values */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: revert;
column-rule-color: revert-layer;
column-rule-color: unset;
column-rule-color
属性指定为单个 <color>
值。
值
<color>
-
分隔列的规则的颜色。
正式定义
正式语法
column-rule-color =
<color>
示例
设置蓝色列规则
HTML
html
<p>
This is a bunch of text split into three columns. The `column-rule-color`
property is used to change the color 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: solid;
column-rule-color: blue;
}
结果
规范
规范 |
---|
CSS 多列布局模块级别 1 # crc |
浏览器兼容性
BCD 表格仅在浏览器中加载