Latest web development tutorials

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