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)  

示例：