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 屬性。