CSS outline 屬性

定義和用法

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

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

outline 簡寫屬性在一個聲明中設置所有的輪廓屬性。

可以按順序設置如下屬性：

如果不設置其中的某個值，也不會出問題，比如 outline:solid #ff0000; 也是允許的。

另請參閱：

CSS 教程：CSS 輪廓

HTML DOM 參考手冊：outline 屬性

實例

設置 4 個邊框的樣式：

p
  {
  outline:#00FF00 dotted thick;
  }

親自試一試

CSS 語法

outline: outline-width outline-style outline-color|initial|inherit;

屬性值

值 描述
outline-color 規定邊框的顏色。參閱：outline-color 中可能的值。
outline-style 規定邊框的樣式。參閱：outline-style 中可能的值。
outline-width 規定邊框的寬度。參閱：outline-width 中可能的值。
inherit 規定應該從父元素繼承 outline 屬性的設置。

技術細節

默認值： invert none medium
繼承性： no
版本： CSS2
JavaScript 語法： object.style.outline="#0000FF dotted thin"

TIY 實例

在元素周圍畫線
本例演示使用 outline 屬性在元素周圍畫一條線。

瀏覽器支持

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

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

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