border：<line-width> || <line-style> || <color>
默認(rèn)值：看每個(gè)獨(dú)立屬性
適用于：所有元素
繼承性：無
動畫性：看每個(gè)獨(dú)立屬性
計(jì)算值：看每個(gè)獨(dú)立屬性
媒 體：視覺
border-top, border-right, border-bottom, border-left：<line-width> || <line-style> || <color>
默認(rèn)值：看每個(gè)獨(dú)立屬性
適用于：所有元素
繼承性：無
動畫性：看每個(gè)獨(dú)立屬性
計(jì)算值：看每個(gè)獨(dú)立屬性
媒 體：視覺
下屬獨(dú)立屬性：border-*-width || border-*-style || border-*-color
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
如使用border或border-*短屬性只定義了單個(gè)參數(shù)值，則其他參數(shù)的默認(rèn)值將無條件覆蓋各自對應(yīng)的單個(gè)屬性值定義。
舉個(gè)例子：
.demo {
border: 1px dashed red;
border: solid;
}
<div id="qg1vjhaigs" class="demo">
<p class="text">獨(dú)立屬性被短屬性定義覆蓋示例</p>
</div>
這個(gè)例子中，定了 2 次 border 屬性，第 1 次為 .demo 定義了 1px 的虛線紅色邊框，第 2 次定義了邊框樣式為實(shí)線（只定義單個(gè)參數(shù)值），由于 border 是復(fù)合短屬性，第 1 次定義的邊框厚度和邊框顏色都會被 border 的默認(rèn)值給覆蓋掉，所以最終會顯示為 3px 的實(shí)線黑色邊框
| 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+ |