百科狗-知识改变命运!

column-rule-color - 边框颜色 - css 多列布局

是丫丫呀2年前 (2023-11-21)阅读数 29#技术干货
文章标签浏览器

column-rule-color - 边框颜色 - css 多列布局

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
继承性
动画性
计算值属性一致

实例

div{
 column-rule-color:#ff0000;
 -moz-column-rule-color:#ff0000; /*firefox*/
 -webkit-column-rule-color:#ff0000;/ *safari and chrome*/
}

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)