border-color

CSS 属性 border-color 是一个用于设置元素四个边框颜色的快捷属性： border-top-color、border-right-color、border-bottom-color、border-left-color。

语法

border-color: <color>{1,4};

属性值

color 使用 <color> 来表示四个边框的颜色，仅用于单值语法。

horizontal 使用 <color> 来表示水平（左边框和右边框）边框的颜色，仅用于双值语法。

vertical 使用 <color> 来表示垂直（上边框和下边框）边框的颜色，仅用于双值或三值语法。

top 使用 <color> 来表示上边框的颜色，仅用于三值或四值语法。

bottom 使用 <color> 来表示下边框的颜色，仅用于三值或四值语法。

right 使用 <color> 来表示右边框的颜色，仅用于四值语法。

left 使用 <color> 来表示左边框的颜色，仅用于四值语法。

inherit 这是一个关键词，用于指示四边的颜色值均继承自父元素的计算值。

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
border-color	5.0	√	3.9+	9.0	√	-

参见

• MDN Reference