outline-width 屬性設定元素整個輪廓的寬度,只有當輪廓樣式不是 none 時,這個寬度才會起作用。如果樣式為 none,寬度實際上會重置為 0。不允許設定負長度值。
基本介紹
- 中文名:outline-width
- 定義和用法:屬性設定元素整個輪廓的寬度
- 用途:可起到突出元素的作用
- 默認值::medium
定義和用法,實例,outline-width屬性,語法:,取值:,說明:,瀏覽器支持,
定義和用法
outline-width 屬性設定元素整個輪廓的寬度,只有當輪廓樣式不是 none 時,這個寬度才會起作用。如果樣式為 none,寬度實際上會重置為 0。不允許設定負長度值。
outline(輪廓)是繪製於元素周圍的一條線,位於框線邊緣的外圍,可起到突出元素的作用。outline 屬性設定元素周圍的輪廓線。
注釋:請始終在 outline-width 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。
注釋:輪廓線不會占據空間,也不一定是矩形。
默認值: | medium |
---|---|
繼承性: | no |
版本: | |
JavaScript 語法: | object.style.outlineWidth="thin" |
實例
設定點狀輪廓的顏色:
p { outline-style:dotted; outline-width:5px;}
outline-width屬性
outline-width
語法:
outline-width: | thin | medium | thick
默認值:medium
取值:
<length>:
用長度值來定義輪廓的厚度。不允許負值
medium:
定義默認寬度的輪廓。
thin:
定義比默認寬度細的輪廓。
thick:
定義比默認寬度粗的輪廓。
inherit:
規定應該從父元素繼承輪廓寬度的設定。
說明:
設定或檢索對象外的線條輪廓的寬度。參閱outline屬性。
不允許類似border-width屬性那樣能將自身拆分為border-top-width,border-right-width,border-bottom-width,border-left-width
對應的腳本特性為outlineWidth。
示例:
注意框線線外面的紅色輪廓outline - width: 10px;
瀏覽器支持
所有瀏覽器都支持outline-wicth 屬性。