简体中文
简体中文
# border-color
CSS 属性 border-color 是一个用于设置元素四个边框颜色的快捷属性： border-top-color、border-right-color、border-bottom-color、border-left-color。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
border-color: <color>{1,4};
# border-color 的属性值
color
使用 <color> 来表示四个边框的颜色，仅用于单值语法。
horizontal
使用 <color> 来表示水平（左边框和右边框）边框的颜色，仅用于双值语法。
vertical
使用 <color> 来表示垂直（上边框和下边框）边框的颜色，仅用于双值或三值语法。
top
使用 <color> 来表示上边框的颜色，仅用于三值或四值语法。
bottom
使用 <color> 来表示下边框的颜色，仅用于三值或四值语法。
right
使用 <color> 来表示右边框的颜色，仅用于四值语法。
left
使用 <color> 来表示左边框的颜色，仅用于四值语法。
inherit
这是一个关键词，用于指示四边的颜色值均继承自父元素的计算值。
# 兼容性
# border-color 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| color | x | x | 4.0 |
| horizontal | x | x | 4.0 |
| vertical | x | x | 4.0 |
| top | x | x | 4.0 |
| bottom | x | x | 4.0 |
| right | x | x | 4.0 |
| left | x | x | 4.0 |
| inherit | x | x | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| border-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |
