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*/ }