CSS 輪廓(outline)屬性
CSSOutlines
輪廓(outline)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。
輪廓(outline)屬性指定了樣式,顏色和外邊框的寬度。
輪廓(outline)屬性的位置讓它不像邊框那樣參與到文檔流中,因此輪廓出現或消失時不會影響文檔流,即不會導致文檔的重新顯示。
輪廓(outline)實例
在元素周圍畫線
本例演示使用outline屬性在元素周圍畫一條線。.
設置輪廓的樣式
本例演示如何設置輪廓的樣式。
設置輪廓的顏色
本例演示如何設置輪廓的顏色。
設置輪廓的寬度
本例演示如何設置輪廓的寬度。
CSS 輪廓(outline)
輪廓(outline)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。
CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。
提示:你可以在本站的《CSS參考手冊》中了解更多關于 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 |