CSS outline 屬性
定義和用法
outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
注釋：輪廓線不會占據空間，也不一定是矩形。
outline 簡寫屬性在一個聲明中設置所有的輪廓屬性。
可以按順序設置如下屬性：
- outline-color
- outline-style
- outline-width
如果不設置其中的某個值，也不會出問題，比如 outline:solid #ff0000; 也是允許的。
| 默認值： | invert none medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.outline="#0000FF dotted thin" |
實例
設置 4 個邊框的樣式：
p { outline:#00FF00 dotted thick;} TIY
瀏覽器支持
除了 Internet Explorer，所有瀏覽器都支持 outline 屬性。
可能的值
| 值 | 描述 |
|---|---|
| outline-color | 規定邊框的顏色。參閱：outline-color 中可能的值。 |
| outline-style | 規定邊框的樣式。參閱：outline-style 中可能的值。 |
| outline-width | 規定邊框的寬度。參閱：outline-width 中可能的值。 |
| inherit | 規定應該從父元素繼承 outline 屬性的設置。 |
TIY 實例
- 在元素周圍畫線
- 本例演示使用 outline 屬性在元素周圍畫一條線。
相關頁面
CSS 教程：CSS 輪廓
HTML DOM 參考手冊：outline 屬性
