outline-style

outline-style 屬性用於設置元素的整個輪廓的樣式。樣式不能是 none，否則輪廓不會出現。

outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。

註釋：請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。

註釋：輪廓線不會佔據空間，也不一定是矩形。

實例

設置輪廓的樣式：

p { outline-style:dotted;} ^[2] 

所有瀏覽器都支持 outline-style 屬性。

註釋：如果規定了 !DOCTYPE，則 IE8 支持 outline 屬性。 ^[2] 

outline-style：none | dotted | dashed | solid | double | groove | ridge | inset | outset

默認值：none

none：

無輪廓。與任何指定的outline-width值無關

dotted：

點狀輪廓。

dashed：

虛線輪廓。

solid：

實線輪廓

double：

雙線輪廓。兩條單線與其間隔的和等於指定的outline-width值

groove：

3D凹槽輪廓。此效果取決於 outline-color 值。 ^[3] 

ridge：

3D凸槽輪廓。此效果取決於 outline-color 值。

inset：

3D凹邊輪廓。此效果取決於 outline-color 值。

outset：

3D凸邊輪廓。此效果取決於 outline-color 值。

inherit：

規定應該從父元素繼承輪廓樣式的設置。

設置或檢索對象外的線條輪廓的樣式。參閲outline屬性。

不允許類似border-style屬性那樣能將自身拆分為border-top-style,border-right-style,border-bottom-style,border-left-style

對應的腳本特性為outlineStyle。 ^[1]