教你玩轉CSS 輪廓（outline）屬性

CSS 輪廓（outline）

輪廓（outline）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的做用。

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

 

定義和用法

outline （輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的做用。

註釋：輪廓線不會佔據空間，也不必定是矩形。

outline 簡寫屬性在一個聲明中設置全部的輪廓屬性。

能夠按順序設置以下屬性：

• outline-color
• outline-style
• outline-width

若是不設置其中的某個值，也不會出問題，好比 outline:solid #ff0000; 也是容許的。

 

 

 

全部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	設置輪廓的樣式	nore dotted dashed solid double groove ridge inset outset inherit	2
outline-width	設置輪廓的寬度	thin medium thick length inherit	2