border-color

border-color该属性是一个用于规定元素四个边框颜色的快捷属性：border-top-color，border-right-color，border-bottom-color，border-left-color。

 

语法

border-color: red
border-color: red blue
border-color: green yellow blue
border-color: orange green blue red
border-color: inherit

值

值描述
color 此关键词表示四个边框的颜色。仅适用于单值语法。
vertical 此关键词表示垂直边框的颜色，仅适用于双值或三值语法。
horizontal 此关键词表示水平边框的颜色，仅适用于双值语法。
bottom 此关键词表示下边框的颜色，仅适用于三值或四值语法。
top 此关键词表示上边框的颜色，仅适用于三值或四值语法。
left 此关键词表示左边框的颜色，仅适用于四值语法。
right 此关键词表示右边框的颜色，仅适用于四值语法。
inherit 此关键词表示四个边框的颜色都继承自父元素的计算值。

例子

HTML 

<div id="red">
</div>

CSS 

#red {
     height: 200px;
     border: 2px dashed;
     border-color: green;
     }

执行结果

参考

相关链接

外部链接


跳至内容顶部