border-top-color属性用于设置一个元素的顶部边框的颜色。
官方语法
border-top-color: <color>
参数:
<color>
:有效的CSS颜色值。参考<color>数据类型的说明。
border-top-color
属性的初始值为currentColor
。
border-top-color
属性可以使用inherit
关键字来继承其父元素顶部边框的颜色。
下面是border-top-color
属性取值的示例代码:
border-top-color: yellow; border-top-color: #F5F6F7; border-top-color: inherit;
示例代码
下面的代码将元素的顶部边框设置为10像素的红色实线。
.element { border-left-style: solid; border-left-width: 10px; border-top-color: red; }
在线演示
下面的例子分别将元素的顶部边框设置为30像素黄色实线和30像素绿色实线。
顶部边框为30像素黄色实线
顶部边框为30像素深绿色实线
浏览器支持
所有的现代浏览器都支持border-top-color
属性,包括Chrome,Firefox,Safari,Opera,IE 以及 Android 和 iOS。