CSS border-color 屬性

CSS border-color 屬性

---

屬性定義及使用說明

border-color屬性屬性設(shè)置四條邊框的顏色,此屬性可設(shè)置 1 到 4 種顏色。

border-color 屬性是一個(gè)簡(jiǎn)寫屬性，可設(shè)置一個(gè)元素的所有邊框中可見部分的顏色，或者為 4 個(gè)邊分別設(shè)置不同的顏色。請(qǐng)看下面的例子：

實(shí)例:

border-color:紅，綠，藍(lán),粉紅色;

• 上邊框是紅色
• 右邊框是綠色
• 底部邊框是藍(lán)
• 左邊框是粉紅色

border-color：紅，綠，藍(lán);

• 上邊框是紅色
• 左，右邊框是綠色
• 底部邊框是藍(lán)

border-color：紅，綠;

• 頂部和底部邊框是紅色
• 左右邊框是綠色

border-color：紅色;

• 所有四個(gè)邊框是紅色

注意：請(qǐng)始終把 border-style 屬性聲明到 border-color 屬性之前。元素必須在您改變其顏色之前獲得邊框。

默認(rèn)值:	not specified
繼承:	no
版本:	CSS1
JavaScript 語(yǔ)法:	object object.style.borderColor="#FF0000 blue"

---

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
border-color	1.0	4.0	1.0	1.0	3.5

---

屬性值

值	說明
color	指定背景顏色。在CSS顏色值查找顏色值的完整列表
transparent	指定邊框的顏色應(yīng)該是透明的。這是默認(rèn)
inherit	指定邊框的顏色，應(yīng)該從父元素繼承

---

相關(guān)文章

CSS 教程: CSS Border