定義和用法

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

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

例子 1

border-color:red green blue pink;

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

例子 2

border-color:red green blue;

• 上邊框是紅色
• 右邊框和左邊框是綠色
• 下邊框是藍(lán)色

例子 3

border-color:dotted red green;

• 上邊框和下邊框是紅色
• 右邊框和左邊框是綠色

例子 4

border-color:red;

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

要記住，邊框的樣式不能為 none 或 hidden，否則邊框不會(huì)出現(xiàn)。

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

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

實(shí)例

設(shè)置 4 個(gè)邊框的顏色：

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

TIY

瀏覽器支持

所有瀏覽器都支持 border-color 屬性。

注釋：Internet Explorer 6（以及更早的版本）不支持屬性值 "transparent"。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

值	描述
color_name	規(guī)定顏色值為顏色名稱的邊框顏色（比如 red）。
hex_number	規(guī)定顏色值為十六進(jìn)制值的邊框顏色（比如 #ff0000）。
rgb_number	規(guī)定顏色值為 rgb 代碼的邊框顏色（比如 rgb(255,0,0)）。
transparent	默認(rèn)值。邊框顏色為透明。
inherit	規(guī)定應(yīng)該從父元素繼承邊框顏色。

相關(guān)頁(yè)面

CSS 教程：CSS 邊框

HTML DOM 參考手冊(cè)：borderColor 屬性