CSS outline 屬性
定義和用法
outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。
outline 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。
可以按順序設(shè)置如下屬性：
- outline-color
- outline-style
- outline-width
如果不設(shè)置其中的某個(gè)值，也不會(huì)出問(wèn)題，比如 outline:solid #ff0000; 也是允許的。
| 默認(rèn)值： | invert none medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.outline="#0000FF dotted thin" |
瀏覽器支持
所有瀏覽器都支持 outline 屬性。
注釋：如果規(guī)定了 !DOCTYPE，則 IE8 支持 outline 屬性。
可能的值
| 值 | 描述 |
|---|---|
| outline-color | 規(guī)定邊框的顏色。參閱：outline-color 中可能的值。 |
| outline-style | 規(guī)定邊框的樣式。參閱：outline-style 中可能的值。 |
| outline-width | 規(guī)定邊框的寬度。參閱：outline-width 中可能的值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 outline 屬性的設(shè)置。 |
TIY 實(shí)例
- 在元素周圍畫線
- 本例演示使用 outline 屬性在元素周圍畫一條線。