閱讀(48.5k) 書簽贊(1) 我要糾錯(cuò)

CSS outline 屬性

2022-06-02 16:22 更新

實(shí)例

設(shè)置元素周圍的輪廓：

p
{
outline:#00FF00 dotted thick;
}

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

outline簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。

可以設(shè)置的屬性分別是（按順序）：outline-color, outline-style, outline-width

如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題，比如 outline:solid #ff0000; 也是允許的。

默認(rèn)值：	invert none medium
繼承：	no
版本：	CSS2
JavaScript 語法：	object.style.outline="#0000FF dotted thin"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
outline	1.0	8.0	1.5	1.2	7.0

值	描述
outline-color	規(guī)定邊框的顏色。參閱：outline-color 中可能的值。
outline-style	規(guī)定邊框的樣式。參閱：outline-style 中可能的值。
outline-width	規(guī)定邊框的寬度。參閱：outline-width 中可能的值。
inherit	規(guī)定應(yīng)該從父元素繼承 outline 屬性的設(shè)置。