CSS3 column-rule-color 属性

column-rule-color 属性用于设置多列布局中列之间的边框颜色。这个属性只有在使用 column-rule-style 属性设置了边框样式之后才会生效。

语法

column-rule-color: color|initial|inherit;

• color：指定列边框的颜色。可以使用颜色值、颜色关键字或者 RGB 值。
• initial：设置属性为默认值。
• inherit：从父元素继承属性值。

示例

/* 设置列边框颜色为红色 */
.column {
    column-count: 3;
    column-rule-style: solid;
    column-rule-color: red;
}

在上面的示例中，我们将一个拥有3列的元素的列边框颜色设置为红色。

注意事项

• 如果没有设置 column-rule-style 属性，column-rule-color 是不会生效的。
• 如果设置了 column-rule-style，但没有设置 column-rule-color，则默认为黑色边框。

column-rule-color 属性可以帮助我们更好地控制多列布局中的边框颜色，使得页面更加美观和易读。