CSS outline-color 屬性
定義和用法
outline (輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。outline 屬性可設(shè)置元素周圍的輪廓線。
注釋:請(qǐng)始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋:輪廓線不會(huì)占據(jù)空間,也不一定是矩形。
outline-color 屬性設(shè)置一個(gè)元素整個(gè)輪廓中可見(jiàn)部分的顏色。要記住,輪廓的樣式不能是 none,否則輪廓不會(huì)出現(xiàn)。
默認(rèn)值: | invert |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語(yǔ)法: | object.style.outlineColor="#0000FF" |
瀏覽器支持
所有瀏覽器都支持 outline-color 屬性。
注釋:如果規(guī)定了 !DOCTYPE,則 IE8 支持 outline 屬性。
可能的值
值 | 描述 |
---|---|
color_name | 規(guī)定顏色值為顏色名稱的輪廓顏色(比如 red)。 |
hex_number | 規(guī)定顏色值為十六進(jìn)制值的輪廓顏色(比如 #ff0000)。 |
rgb_number | 規(guī)定顏色值為 rgb 代碼的輪廓顏色(比如 rgb(255,0,0))。 |
invert | 默認(rèn)。執(zhí)行顏色反轉(zhuǎn)(逆向的顏色)?墒馆喞诓煌谋尘邦伾卸际强梢(jiàn)。 |
inherit | 規(guī)定應(yīng)該從父元素繼承輪廓顏色的設(shè)置。 |
TIY 實(shí)例
- 設(shè)置輪廓的顏色
- 本例演示如何設(shè)置輪廓的顏色。