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