CSS outline-color 屬性

定義和用法

outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。outline 屬性可設置元素周圍的輪廓線。

注釋：請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。

注釋：輪廓線不會占據空間，也不一定是矩形。

outline-color 屬性設置一個元素整個輪廓中可見部分的顏色。要記住，輪廓的樣式不能是 none，否則輪廓不會出現。

另請參閱：

CSS 教程：CSS 輪廓

CSS 參考手冊：outline 屬性

HTML DOM 參考手冊：outlineColor 屬性

實例

設置點狀輪廓的顏色：

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

親自試一試

CSS 語法

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

屬性值

值 描述
color_name 規定顏色值為顏色名稱的輪廓顏色（比如 red）。
hex_number 規定顏色值為十六進制值的輪廓顏色（比如 #ff0000）。
rgb_number 規定顏色值為 rgb 代碼的輪廓顏色（比如 rgb(255,0,0)）。
invert 默認。執行顏色反轉（逆向的顏色）。可使輪廓在不同的背景顏色中都是可見。
inherit 規定應該從父元素繼承輪廓顏色的設置。

技術細節

默認值： invert
繼承性： no
版本： CSS2
JavaScript 語法： object.style.outlineColor="#0000FF"

TIY 實例

設置輪廓的顏色
本例演示如何設置輪廓的顏色。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

注釋：如果規定了 !DOCTYPE，則 IE8 支持 outline 屬性。