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;

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
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*/
}