CSS outline-style 屬性


實例

設置outline的樣式:

p
{
outline-style:dotted;
}



在此頁底部有更多的例子。

屬性定義及使用說明

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 規定應該從父元素繼承輪廓樣式的設置。


Examples

更多實例


這個例子演示了如何設置outline的樣式。


相關文章

CSS 教學: CSS Outline

CSS 參考手冊: outline 屬性