Style outlineStyle 屬性
描述
outlineStyle 屬性設定或返回元素周圍輪廓的樣式。
輪廓是圍繞元素的線。它顯示在元素的 margin 之外。然而，它與 border 屬性不同。
輪廓不屬於元素的尺寸，因此元素的 width 和 height 屬性不包含輪廓的寬度。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| outlineStyle | 是 | 是 | 是 | 是 | 是 |
語法
返回 outlineStyle 屬性
object.style.outlineStyle
設定 outlineStyle 屬性
object.style.outlineStyle = value
屬性值
| 值 | 描述 |
|---|---|
| none | 不定義輪廓。這是預設值。 |
| hidden | 輪廓關閉 |
| dotted | 定義點狀輪廓 |
| dashed | 定義虛線輪廓 |
| solid | 定義實線輪廓 |
| double | 定義雙線輪廓 |
| groove | 定義 3D 凹槽輪廓。效果取決於 outline-color 值。 |
| ridge | 定義 3D 脊狀輪廓。效果取決於 outline-color 值。 |
| inset | 定義 3D 嵌入輪廓。效果取決於 outline-color 值。 |
| outset | 定義 3D 凸出輪廓。效果取決於 outline-color 值。 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | none |
|---|---|
| 返回值 | 一個字串，表示元素的輪廓樣式 |
| CSS 版本 | CSS2 |
更多示例
示例
所有不同值的演示
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
自己動手試一試 »
相關頁面
CSS 教程：CSS 輪廓
CSS 參考：outline-style 屬性
HTML DOM 參考：outline 屬性
