CSS outline-color 屬性 · W3School CSS 參考手冊

# CSS outline-color 屬性 ## 實例設置點狀輪廓的顏色： ``` p { outline-style:dotted; outline-color:#00ff00; } ``` ## 瀏覽器支持所有瀏覽器都支持 outline-color 屬性。注釋：如果規定了 !DOCTYPE，則 IE8 支持 outline 屬性。 ## 定義和用法 outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。outline 屬性可設置元素周圍的輪廓線。注釋：請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。注釋：輪廓線不會占據空間，也不一定是矩形。 outline-color 屬性設置一個元素整個輪廓中可見部分的顏色。要記住，輪廓的樣式不能是 none，否則輪廓不會出現。 | 默認值： | invert | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 語法： | _object_.style.outlineColor="#0000FF" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | *color_name* | 規定顏色值為顏色名稱的輪廓顏色（比如 red）。 | | *hex_number* | 規定顏色值為十六進制值的輪廓顏色（比如 #ff0000）。 | | *rgb_number* | 規定顏色值為 rgb 代碼的輪廓顏色（比如 rgb(255,0,0)）。 | | invert | 默認。執行顏色反轉（逆向的顏色）。可使輪廓在不同的背景顏色中都是可見。 | | inherit | 規定應該從父元素繼承輪廓顏色的設置。 | ## TIY 實例 [設置輪廓的顏色](/tiy/t.asp?f=csse_outline-color) 本例演示如何設置輪廓的顏色。 ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> p { border:red solid thin; outline-style:dotted; outline-color:#00ff00; } </style> </head> <body> <p><b>注釋：</b>只有在規定了 !DOCTYPE 時，Internet Explorer 8 （以及更高版本）才支持 outline-color 屬性。</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 輪廓](/css/css_outline.asp "CSS 輪廓") CSS 參考手冊：[outline 屬性](/cssref/pr_outline.asp "CSS outline 屬性") HTML DOM 參考手冊：[outlineColor 屬性](/jsref/prop_style_outlinecolor.asp "HTML DOM outlineColor 屬性")