CSS border-color 屬性
屬性定義及使用說明
border-color屬性屬性設置四條邊框的顏色,此屬性可設置 1 到 4 種顏色。
border-color 屬性是一個簡寫屬性,可設置一個元素的所有邊框中可見部分的顏色,或者為 4 個邊分別設置不同的顏色。請看下面的例子:
實例:
border-color:紅,綠,藍,粉紅色;
- 上邊框是紅色
- 右邊框是綠色
- 底部邊框是藍
- 左邊框是粉紅色
border-color:紅,綠,藍;
- 上邊框是紅色
- 左,右邊框是綠色
- 底部邊框是藍
border-color:紅,綠;
- 頂部和底部邊框是紅色
- 左右邊框是綠色
border-color:紅色;
- 所有四個邊框是紅色
注意:請始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。
默認值: | not specified |
---|---|
繼承: | no |
版本: | CSS1 |
JavaScript 語法: | object object.style.borderColor="#FF0000 blue" |
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
屬性值
值 | 說明 |
---|---|
color | 指定背景顏色。在CSS顏色值查找顏色值的完整列表 |
transparent | 指定邊框的顏色應該是透明的。這是默認 |
inherit | 指定邊框的顏色,應該從父元素繼承 |
相關文章
CSS 教程: CSS Border
更多建議: