CSS outline-color 屬性
定義和用法
outline (輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。outline 屬性可設置元素周圍的輪廓線。
注釋:請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋:輪廓線不會占據空間,也不一定是矩形。
outline-color 屬性設置一個元素整個輪廓中可見部分的顏色。要記住,輪廓的樣式不能是 none,否則輪廓不會出現。
默認值: | invert |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.outlineColor="#0000FF" |
實例
設置點狀輪廓的顏色:
p { outline-style:dotted; outline-color:#00ff00;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 outline-color 屬性。
只有在規定了 !DOCTYPE 時,Internet Explorer 才支持 outline-color 屬性。
可能的值
值 | 描述 |
---|---|
color_name | 規定顏色值為顏色名稱的輪廓顏色(比如 red)。 |
hex_number | 規定顏色值為十六進制值的輪廓顏色(比如 #ff0000)。 |
rgb_number | 規定顏色值為 rgb 代碼的輪廓顏色(比如 rgb(255,0,0))。 |
invert | 默認。執行顏色反轉(逆向的顏色)。可使輪廓在不同的背景顏色中都是可見。 |
inherit | 規定應該從父元素繼承輪廓顏色的設置。 |
TIY 實例
- 設置輪廓的顏色
- 本例演示如何設置輪廓的顏色。
相關頁面
CSS 教程:CSS 輪廓
CSS 參考手冊:outline 屬性
HTML DOM 參考手冊:outlineColor 屬性