足球护具有哪些_布鲁特_310竞彩足球推荐专家预测_-90vs即时比分 - nba得分榜历史排名

border

border 短屬性語法:

border<line-width> || <line-style> || <color>

默認值看每個獨立屬性

適用于:所有元素

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

媒 體:視覺

border-* 分拆獨立屬性語法:

border-top, border-right, border-bottom, border-left<line-width> || <line-style> || <color>

默認值看每個獨立屬性

適用于:所有元素

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

媒 體:視覺

下屬獨立屬性border-*-width || border-*-style || border-*-color

取值:

<line-width>
定義元素的邊框厚度。
<line-style>
定義元素的邊框樣式。
<color>
定義元素的邊框顏色。

說明:

復合短屬性。定義元素邊框的外觀特性。參閱outline屬性。
  • 如使用borderborder-*短屬性只定義了單個參數值,則其他參數的默認值將無條件覆蓋各自對應的單個屬性值定義。

    舉個例子:

    .demo { border: 1px dashed red; border: solid; } <div id="sh3u126z" class="demo"> <p class="text">獨立屬性被短屬性定義覆蓋示例</p> </div>

    這個例子中,定了 2 次 border 屬性,第 1 次為 .demo 定義了 1px 的虛線紅色邊框,第 2 次定義了邊框樣式為實線(只定義單個參數值),由于 border 是復合短屬性,第 1 次定義的邊框厚度和邊框顏色都會被 border 的默認值給覆蓋掉,所以最終會顯示為 3px 的實線黑色邊框

  • 對應的腳本特性分別為:border, borderTop, borderRight, borderBottom, borderLeft

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
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+

示例: