border-colors

  • 版本:CSS3
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

border-colors<color>{1,}

相关属性:<' border-top-colors '> || <' border-right-colors '> || <' border-bottom-colors '> || <' border-left-colors '>

适用于:所有元素

继承性:无

动画性:是

计算值:指定值

取值:

<color>
指定颜色。

说明:

设置或检索对象边框的多重颜色。参阅 <' border-color '> 属性。
  • border的width为(n)px,那么最多可以设置n组边框色,每组边框色宽度为1px;如果border的width为10px,却只设置了6组边框色,那么最后一组边框色将自动渲染剩余的宽度
  • 本属性为伪属性,其分裂后的 <' border-top-colors '> , <' border-right-colors '> , <' border-bottom-colors '> , <' border-left-colors '> 才是有效属性。

示例: