CSS outline-width 屬性
定義和用法
outline-width 屬性設置元素整個輪廓的寬度,只有當輪廓樣式不是 none 時,這個寬度才會起作用。如果樣式為 none,寬度實際上會重置為 0。不允許設置負長度值。
outline(輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。
注釋:請始終在 outline-width 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋:輪廓線不會占據空間,也不一定是矩形。
默認值: | medium |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.outlineWidth="thin" |
實例
設置點狀輪廓的顏色:
p { outline-style:dotted; outline-width:5px;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 outline-width 屬性。
只有在規定了 !DOCTYPE 時,Internet Explorer 才支持 outline-width 屬性。
可能的值
值 | 描述 |
---|---|
thin | 規定細輪廓。 |
medium | 默認。規定中等的輪廓。 |
thick | 規定粗的輪廓。 |
length | 允許您規定輪廓粗細的值。 |
inherit | 規定應該從父元素繼承輪廓寬度的設置。 |
TIY 實例
- 設置輪廓的寬度
- 本例演示如何設置輪廓的寬度。
相關頁面
CSS 教程:CSS 輪廓
CSS 參考手冊:outline 屬性
HTML DOM 參考手冊:outlineWidth 屬性