column-rule-color
版本:CSS3
CSS特性column-rule-color让你可以设置在多列布局中被画在两列之间的规则(线条)的颜色。
示例
column-rule-color: red; column-rule-color: rgb(192, 56, 78); column-rule-color: transparent; column-rule-color: hsla(0, 100%, 50%, 0.6); column-rule-color: inherit;
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE10以上版本的浏览器都支持column-rule-color | ||||
语法
column-rule-color :Color Name| currentcolor| rgb()| rgba()| hsl()| hsla()
取值:
- Color Name:英文字母的颜色名称。参见
Color Name - currentcolor:当前颜色值。参见
currentcolor - rgb():使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色。
rgb()。 - rgba():在红-绿-蓝-阿尔法(RGBa)模式下被定义颜色。参见
rgba() - hsl():定义为色相-饱和度-明度(Hue-saturation-lightness)模式。参见
hsl() - hsla():颜色在色相-饱和度-明度-阿尔法(HSLa)模式下被定义。
hsla()。
| 默认值 | currentcolor |
| 适用于 | 多列元素table |
| 继承性 | 无 |
| 动画性 | 否 |
| 计算值 | 与<color>属性一致 |
实例
div{
column-rule-color:#ff0000;
-moz-column-rule-color:#ff0000; /*firefox*/
-webkit-column-rule-color:#ff0000;/ *safari and chrome*/
}





