您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS border-color 屬性

CSS border-color 屬性

此節(jié)有 153 人學(xué)習(xí)過(guò) 參與評(píng)論

實(shí)例

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

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

IE	Firefox	Chrome	Safari	Opera

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

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

注釋：IE7 以及更早版本的瀏覽器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

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

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

border-color:red green blue pink;

border-color:red green blue;

border-color:dotted red green;

border-color:red;

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

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

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

值	描述
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)該從父元素繼承邊框顏色。