[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[Only Firefox属性](#)» 相关内容： [**Only Firefox属性**选择其它项](#) - [border-colors](#) - [border-top-colors](#) - [border-right-colors](#) - [border-bottom-colors](#) - [border-left-colors](#) # border-top-colors - **版本：CSS3** - 继承性：无 ### 语法： **border-top-colors**：[<color>](#) [, [<color>](#) ]* **相关属性**：[ [border-right-colors](#) ] || [ [border-bottom-colors](#) ] || [ [border-left-colors](#) ] ### 取值： [<color>](#)：指定颜色。 ### 说明： **设置或检索对象顶部边框的多重颜色。**参阅[border-top-color](#)属性。 - border的width为(n)px，那么最多可以设置n组边框色，每组边框色宽度为1px；如果border的width为10px，却只设置了6组边框色，那么最后一组边框色将自动渲染剩余的宽度 - 对应的脚本特性为**borderTopColors**。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 | [支持版本](# "查看本文档测试时所用浏览器版本")\类型 | 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-top-colors) | |-----|-----| | Webkit(Chrome/Safari) |   | | Gecko(Firefox) | -moz-border-top-colors | | Presto(Opera) |   | | Trident(IE) |   | ### 示例： 顶部多组边框色效果 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved