定義和用法
邊框顏色屬性設置一個元素的四個邊框的顏色。 該屬性可具有一至四個值。
例子:
- border-color:red green blue pink;
- 頂部邊框為紅色
- 右邊框是綠色的
- 下邊框是藍色
- 左邊框是粉紅色
- border-color:red green blue;
- 頂部邊框為紅色
- 左右邊框是綠色
- 下邊框是藍色
- border-color:red green;
- 頂部和底部邊框為紅色
- 左右邊框是綠色
- border-color:red;
- 所有四個邊框為紅色
Note:務必申報邊框顏色屬性前的邊框樣式屬性。 元素必須具有邊框,然後才能改變顏色。
默認值: | The current color of the element |
---|---|
遺傳: | no |
動畫: | yes. Read about animatable Try it |
版: | CSS1 |
JavaScript語法: | object .style.borderColor="#FF0000 blue" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
border-color | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note:的Internet Explorer 6 (and earlier versions)不支持屬性值"transparent" 。
CSS語法
border-color:color|transparent|initial|inherit;
屬性值
值 | 描述 | 播放 |
---|---|---|
color | 指定背景顏色。 看看CSS顏色值可能的顏色值的完整列表。 默認顏色為黑色 | 播放 ” |
transparent | 指定邊框的顏色應該是透明的 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS教程: CSS邊框
HTML DOM參考: borderColor property