border-bottom-colors

语法:

border-bottom-colors<color> [, <color> ]*

相关属性:[ border-top-colors ] || [ border-right-colors ] || [ border-left-colors ]

取值:

<color>
指定颜色。

说明:

设置或检索对象底部边框的多重颜色。参阅border-bottom-color属性。
  • border的width为(n)px,那么最多可以设置n组边框色,每组边框色宽度为1px;如果border的width为10px,却只设置了6组边框色,那么最后一组边框色将自动渲染剩余的宽度
  • 对应的脚本特性为borderBottomColors

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0 - 9.0 4.0-6.0 4.0 - 5.1 10.0 - 13.0 10.6 - 11.51

写法:

内核类型 写法(border-bottom-colors)
Webkit(Chrome/Safari)  
Gecko(Firefox) -moz-border-bottom-colors
Presto(Opera)  
Trident(IE)  

示例: