複製鏈接
請複製以下鏈接發送給好友

outline-width

鎖定
outline-width 屬性設置元素整個輪廓的寬度,只有當輪廓樣式不是 none 時,這個寬度才會起作用。如果樣式為 none,寬度實際上會重置為 0。不允許設置負長度值。
中文名
outline-width
定義和用法
屬性設置元素整個輪廓的寬度
用    途
可起到突出元素的作用
默認值
medium

outline-width定義和用法

outline(輪廓)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。
註釋:請始終在 outline-width 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。
註釋:輪廓線不會佔據空間,也不一定是矩形。
默認值:
medium
繼承性:
no
版本:
JavaScript 語法:
object.style.outlineWidth="thin"

outline-width實例

設置點狀輪廓的顏色:
p { outline-style:dotted; outline-width:5px;}

outline-widthoutline-width屬性

outline-width

outline-width語法

outline-width: | thin | medium | thick
默認值:medium

outline-width取值

<length>:
用長度值來定義輪廓的厚度。不允許負值
medium:
定義默認寬度的輪廓。
thin:
定義比默認寬度細的輪廓。
thick:
定義比默認寬度粗的輪廓。
inherit:
規定應該從父元素繼承輪廓寬度的設置。

outline-width説明

設置或檢索對象外的線條輪廓的寬度。參閲outline屬性。
不允許類似border-width屬性那樣能將自身拆分為border-top-width,border-right-width,border-bottom-width,border-left-width
對應的腳本特性為outlineWidth
示例:
注意邊框線外面的紅色輪廓outline - width: 10px; [1] 

outline-width瀏覽器支持

所有瀏覽器都支持outline-wicth 屬性。 [2] 
參考資料