CSS outline-style 屬性
屬性定義及使用說明
outline（輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍。
outline-style屬性指定outline的樣式。
| 默認值： | none |
|---|---|
| 繼承： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.outlineStyle="dotted" |
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
| 属性 | |||||
|---|---|---|---|---|---|
| outline-style | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
提示和註釋
outline是圍繞元素。 它是圍繞元素的邊距。 但是，它是來自不同的邊框屬性。
outline不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。
屬性值
| 值 | 描述 |
|---|---|
| none | 默認。 定義無輪廓。 |
| dotted | 定義點狀的輪廓。 |
| dashed | 定義虛線輪廓。 |
| solid | 定義實線輪廓。 |
| double | 定義雙線輪廓。 雙線的寬度等同於outline-width 的值。 |
| groove | 定義3D 凹槽輪廓。 此效果取決於outline-color 值。 |
| ridge | 定義3D 凸槽輪廓。 此效果取決於outline-color 值。 |
| inset | 定義3D 凹邊輪廓。 此效果取決於outline-color 值。 |
| outset | 定義3D 凸邊輪廓。 此效果取決於outline-color 值。 |
| inherit | 規定應該從父元素繼承輪廓樣式的設置。 |
更多實例
設置outline的樣式
這個例子演示瞭如何設置outline的樣式。
相關文章
CSS教程: CSS Outline
CSS參考手冊: outline屬性