定義和用法
該outlineStyle屬性設置或返回元素周圍的輪廓風格。
的輪廓是圍繞元件的線。 它是圍繞著元素的邊距顯示。 但是，從border屬性不同。
輪廓不元素的尺寸的部分，因此，元件的寬度和高度屬性不包含輪廓的寬度。
瀏覽器支持
該outlineStyle屬性在所有主流瀏覽器的支持。
Note:在IE7不支持和更早的outlineStyle財產。 IE8需要！DOCTYPE。 IE9及更高版本支持它。
句法
返回outlineStyle屬性：
object .style.outlineStyle
設置outlineStyle屬性：
object .style.outlineStyle= value 屬性值
| 值 | 描述 |
|---|---|
| none | 沒有定義輪廓。 這是默認 |
| hidden | 大綱關閉 |
| dotted | 定義虛線輪廓 |
| dashed | 定義虛線輪廓 |
| solid | 定義實線外形 |
| double | 定義一個雙輪廓 |
| groove | 定義3D槽輪廓。 效果取決於輪廓色值 |
| ridge | 定義3D脊輪廓。 效果取決於輪廓色值 |
| inset | 定義3D插圖的輪廓。 效果取決於輪廓色值 |
| outset | 3D突出輪廓。 效果取決於輪廓色值 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 沒有 |
|---|---|
| 返回值： | 一個字符串，代表元素的輪廓的風格 |
| CSS版本 | CSS2 |
更多示例
例
所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; 試一試» 相關頁面
CSS教程： CSS大綱
CSS參考： outline-style property
HTML DOM參考： outline property
<Style對象