CSS 輪廓(outline)屬性

2022-05-19 15:01 更新

CSS Outlines


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

輪廓(outline)屬性指定了樣式,顏色和外邊框的寬度。

輪廓(outline)屬性的位置讓它不像邊框那樣參與到文檔流中,因此輪廓出現(xiàn)或消失時(shí)不會(huì)影響文檔流,即不會(huì)導(dǎo)致文檔的重新顯示。


輪廓(outline)實(shí)例

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

設(shè)置輪廓的樣式
本例演示如何設(shè)置輪廓的樣式。

設(shè)置輪廓的顏色
本例演示如何設(shè)置輪廓的顏色。

設(shè)置輪廓的寬度
本例演示如何設(shè)置輪廓的寬度。


CSS 輪廓(outline)

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

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

Outline


提示:你可以在本站的《CSS參考手冊(cè)》中了解更多關(guān)于 CSS outline屬性 的信息。


所有 CSS 輪廓(outline)屬性

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

屬性 說(shuō)明 CSS
outline 在一個(gè)聲明中設(shè)置所有的外邊框?qū)傩?/td> outline-color
outline-style
outline-width
inherit
2
outline-color 設(shè)置外邊框的顏色 color-name
hex-number
rgb-number
invert
inherit
2
outline-style 設(shè)置外邊框的樣式 none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
2
outline-width 設(shè)置外邊框的寬度 thin
medium
thick
length
inherit
2
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)