border-color：<color>{1,4}
默認(rèn)值：看每個(gè)獨(dú)立屬性
適用于：所有元素
繼承性：無
動畫性：看每個(gè)獨(dú)立屬性
計(jì)算值：看每個(gè)獨(dú)立屬性
媒 體：視覺
border-top-color, border-right-color, border-bottom-color, border-left-color：<color>
默認(rèn)值：currentColor
適用于：所有元素
繼承性：無
動畫性：是
計(jì)算值：指定值
媒 體：視覺
border-color如果提供全部四個(gè)參數(shù)值，將按上、右、下、左的順序作用于四邊；只提供一個(gè)，將用于全部的四邊；提供兩個(gè)，第一個(gè)用于上、下，第二個(gè)用于左、右；提供三個(gè)，第一個(gè)用于上，第二個(gè)用于左、右，第三個(gè)用于下。0或border-style設(shè)置為none | hidden，border-color及其分拆獨(dú)立屬性將失效。如果 border-color 未被定義，邊框顏色將默認(rèn)取當(dāng)前最近的文本顏色，即 currentColor。
舉個(gè)例子：
.demo {
border: 5px solid;
}
<div id="hnh0vs0" class="demo">
<p class="text">邊框色未被定義時(shí)，邊框色與最近的文本色相同</p>
</div>
這個(gè)例子中，只定義了一個(gè) 5px 的實(shí)線框而未定義顏色，此時(shí)，邊框色將會取文本色來使用，所以大家將會看到一個(gè)黑色的邊框
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
| RGBA, HSL, HSLA | 8.0 #1 | |||||||
| 9.0+ |