CSS outline-width รายละเอียด

定義和用法

outline-width 屬性設定元素整個輪廓的寬度，只有當輪廓樣式不是 none 時，這個寬度才會起作用。如果樣式為 none，寬度實際上會重置為 0。不允許設定負長度值。

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

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

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

另請參考：

CSS 教程：CSS ขอบเขต

CSS 參考手冊：outline 屬性

HTML DOM 參考手冊：outlineWidth 屬性

實例

設定點狀輪廓的顏色：

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

親自試試

CSS 語法

outline-width: medium|thin|thick|length|initial|inherit;

屬性值

值 描述
thin 規定細輪廓。
medium 默認。規定中等的輪廓。
thick 規定粗的輪廓。
length 允許您規定輪廓粗細的值。
inherit 規定應該從父元素繼承輪廓寬度的設定。

技術細節

默認值： medium
繼承性： no
版本： CSS2
JavaScript 語法： object.style.outlineWidth="thin"

TIY 實例

設定輪廓的寬度
本例演示如何設定輪廓的寬度。

瀏覽器支持

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

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

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