CSS outline 屬性
定義和用法
outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。
outline 簡寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。
可以按順序設(shè)置如下屬性：
- outline-color
- outline-style
- outline-width
如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題，比如 outline:solid #ff0000; 也是允許的。
| 默認(rèn)值： | invert none medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.outline="#0000FF dotted thin" |
實(shí)例
設(shè)置 4 個(gè)邊框的樣式：
p { outline:#00FF00 dotted thick;} TIY
瀏覽器支持
除了 Internet Explorer，所有瀏覽器都支持 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 屬性在元素周圍畫一條線。
相關(guān)頁面
CSS 教程：CSS 輪廓
HTML DOM 參考手冊：outline 屬性
