共用方式為

border-color

  • 發行項

設定物件的框線色彩。

語法

{ border-color: sColor }

可能的值

sColor

指定或接收下列一或多個空格分隔值的字串：

color

最多四個色彩名稱或 RGB 值。

transparent

框線是透明的。

此屬性沒有預設值，而且不是繼承屬性。

備註

您可以按照下列順序，最多指定四個不同的色彩：上、右、下、左。如果提供一種色彩，所有四個邊都會使用這個色彩。如果提供兩種色彩，上下兩邊會使用第一種色彩，左右兩邊會使用第二種色彩。如果提供三種色彩，則會分別用於上、右/左和下。

如果 border-style 屬性設為 none ，則不會呈現 border-color 屬性。

某些瀏覽器無法辨識色彩名稱，但所有瀏覽器應該都能辨識 RGB 色彩值並正確加以顯示。

範例

下列範例使用 border-color 屬性來指定框線色彩。此範例使用內嵌 (全域) 樣式表的呼叫，在指標停留在影像上時，將框線的色彩從初始值 red 變更為 blue ：

<head><style>
    td { border-color: red; border-width: 0.5cm; }
    .blue  { border-color: blue; }
</style>
</head>
<body>
<table border >
<tr>
    <td onmouseover="this.className='blue'" onmouseout="this.className=''">
        <img src="sphere.jpg">
    </td>
</tr>
</table>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) Ee371301.xtlink_newWindow(zh-tw,Expression.40).png (英文) 中定義。

適用於

A、ABBR、ACRONYM、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OBJECT、OL、P、Q、S、SPAN、SUB、TABLE、TD、TH、TT、U、UL、VAR、XMP

另請參閱

概念

border
border-style
色彩