border-top-color, border-right-color, border-bottom-color, border-left-color:<color>
默認值:currentColor
適用于:所有元素
繼承性:無
動畫性:是
計算值:指定值
媒 體:視覺
border-color
如果提供全部四個參數值,將按上、右、下、左的順序作用于四邊;只提供一個,將用于全部的四邊;提供兩個,第一個用于上、下,第二個用于左、右;提供三個,第一個用于上,第二個用于左、右,第三個用于下。0
或border-style設置為none | hidden
,border-color
及其分拆獨立屬性將失效。如果 border-color
未被定義,邊框顏色將默認取當前最近的文本顏色,即 currentColor。
舉個例子:
.demo {
border: 5px solid;
}
邊框色未被定義時,邊框色與最近的文本色相同
這個例子中,只定義了一個 5px 的實線框而未定義顏色,此時,邊框色將會取文本色來使用,所以大家將會看到一個黑色的邊框
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+ |