樣式 outline 屬性
示例
在 <div> 元素周圍新增輪廓
document.getElementById("myDiv").style.outline = "thick solid #0000FF";自己動手試一試 »
描述
outline 屬性以簡寫形式設定或返回所有輪廓屬性。
透過此屬性，您可以設定/返回以下一個或多個屬性（任意順序）：
- outline-width
- outline-style
- outline-color
輪廓是圍繞元素的線。它顯示在元素的 margin 之外。然而，它與 border 屬性不同。
輪廓不屬於元素的尺寸，因此元素的 width 和 height 屬性不包含輪廓的寬度。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| outline | 是 | 是 | 是 | 是 | 是 |
語法
返回 outline 屬性
object.style.outline
設定 outline 屬性
object.style.outline = "width style color|initial|inherit"
屬性值
| 引數 | 描述 |
|---|---|
| width | 設定輪廓的寬度 |
| 樣式 | 設定輪廓的樣式 |
| color | 設定輪廓的顏色 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | medium none invert |
|---|---|
| 返回值 | 一個字串，表示元素的輪廓寬度、樣式和/或顏色 |
| CSS 版本 | CSS2 |
更多示例
示例
更改 <div> 元素的輪廓寬度、樣式和顏色
document.getElementById("myDiv").style.outline = "5px dotted green";
自己動手試一試 »
相關頁面
CSS 教程：CSS 輪廓
CSS 參考：outline 屬性
