CSS的outline屬性用于設(shè)置一個元素的輪廓樣式,它不占據(jù)空間,并且不會影響元素的布局。
outline的值可以有以下幾種:
outline-width
:可以設(shè)置輪廓線的寬度,可以是像素值、em、百分比或thin、medium、thick等預(yù)定義值。
outline-style
:可以設(shè)置輪廓線的樣式,包括solid(實線)、dashed(虛線)、dotted(點線)等。
outline-color
:可以設(shè)置輪廓線的顏色,可以是具體的顏色值、關(guān)鍵詞(如red、blue等)或者transparent(透明)。
outline
:可以同時設(shè)置上述三個屬性的值,例如outline: 2px solid red;
。
以下是一些示例:
/* 設(shè)置輪廓線寬度為2像素,樣式為虛線,顏色為紅色 */
outline-width: 2px;
outline-style: dashed;
outline-color: red;
/* 使用簡寫形式設(shè)置上述屬性 */
outline: 2px dashed red;
/* 設(shè)置輪廓線寬度為粗線,樣式為實線,顏色為藍色 */
outline-width: thick;
outline-style: solid;
outline-color: blue;
注意:在一些瀏覽器中,outline屬性可能會導(dǎo)致元素的寬度和高度發(fā)生變化,所以在使用outline屬性時需要注意布局的影響。