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