基本介紹
- 中文名:outline-style
- 默認值:none
- 繼承性:no
- 版本:CSS2
定義和用法,瀏覽器支持,outline-style屬性,語法:,取值:,說明:,
定義和用法
outline-style 屬性用於設定元素的整個輪廓的樣式。樣式不能是 none,否則輪廓不會出現。
outline (輪廓)是繪製於元素周圍的一條線,位於框線邊緣的外圍,可起到突出元素的作用。outline 屬性設定元素周圍的輪廓線。
注釋:請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。
注釋:輪廓線不會占據空間,也不一定是矩形。
實例
默認值: | none |
繼承性: | no |
版本: | |
JavaScript 語法: | object.style.outlineStyle="dotted" |
設定輪廓的樣式:
p { outline-style:dotted;}
瀏覽器支持
所有瀏覽器都支持 outline-style 屬性。
注釋:如果規定了 !DOCTYPE,則 IE8 支持 outline 屬性。
outline-style屬性
語法:
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 值。
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。