• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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*/
    }
    

    上篇:column-rule-style

    下篇:column-span