CSS 輪廓(outline)屬性
輪廓(outline)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。
輪廓(outline)屬性指定了樣式,顏色和外邊框的寬度。
輪廓(outline)實例
在元素周圍畫線
本例演示使用outline屬性在元素周圍畫一條線。 .
設置輪廓的樣式
本例演示如何設置輪廓的樣式。
設置輪廓的顏色
本例演示如何設置輪廓的顏色。
設置輪廓的寬度
本例演示如何設置輪廓的寬度。
CSS 輪廓(outline)
輪廓(outline)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。
CSS 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 |