CSS 輪廓(outline)屬性

輪廓(outline)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。

輪廓(outline)屬性指定元素輪廓的樣式、顏色和寬度。


輪廓(outline)例項

在元素周圍畫線
本例演示使用outline屬性在元素周圍畫一條線。

設定輪廓的樣式
本例演示如何設定輪廓的樣式。

設定輪廓的顏色
本例演示如何設定輪廓的顏色。

設定輪廓的寬度
本例演示如何設定輪廓的寬度。


CSS 輪廓(outline)

輪廓(outline)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。

CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。

Outline

所有CSS 輪廓(outline)屬性

"CSS" 列中的數字表示哪個CSS版本定義了該屬性(CSS1 或者CSS2)。

屬性 說明 CSS
outline 在一個宣告中設定所有的輪廓屬性 outline-color
outline-style
outline-width
inherit
2
outline-color 設定輪廓的顏色 color-name
hex-number
rgb-number
invert
inherit
2
outline-style 設定輪廓的樣式 none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-width 設定輪廓的寬度 thin
medium
thick
length
inherit
2