CSS outline-style 屬性
定義和用法
outline-style 屬性用于設(shè)置元素的整個(gè)輪廓的樣式。樣式不能是 none，否則輪廓不會(huì)出現(xiàn)。
outline （輪廓）是繪制于元素周?chē)囊粭l線，位于邊框邊緣的外圍，可起到突出元素的作用。outline 屬性設(shè)置元素周?chē)妮喞�。
注釋?zhuān)?/span>請(qǐng)始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。
注釋?zhuān)?/span>輪廓線不會(huì)占據(jù)空間，也不一定是矩形。
| 默認(rèn)值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.outlineStyle="dotted" |
瀏覽器支持
所有主流瀏覽器都支持 outline-style 屬性。
只有在規(guī)定了 !DOCTYPE 時(shí)，Internet Explorer 才支持 outline-style 屬性。
可能的值
| 值 | 描述 |
|---|---|
| none | 默認(rèn)。定義無(wú)輪廓。 |
| dotted | 定義點(diǎn)狀的輪廓。 |
| dashed | 定義虛線輪廓。 |
| solid | 定義實(shí)線輪廓。 |
| double | 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。 |
| groove | 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。 |
| ridge | 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。 |
| inset | 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。 |
| outset | 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置。 |
TIY 實(shí)例
- 設(shè)置輪廓的樣式
- 本例演示如何設(shè)置輪廓的樣式。