outline-width

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

相關詞條

熱門詞條

聯絡我們