2015
09-06

CSS 輪廓(outline)屬性

清華大佬耗費三個月吐血整理的幾百G的資源,免費分享!....>>>

CSS Outlines


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

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


輪廓(outline)實例

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

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

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

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


CSS 輪廓(outline)

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

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

Outline

所有CSS 輪廓(outline)屬性

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

屬性 說明 CSS
outline 在一個聲明中設(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

掃碼二維碼 獲取免費視頻學習資料

編程學習