閱讀(27.9k) 書簽贊(2) 我要糾錯(cuò)

CSS outline-color 屬性

2022-06-02 16:23 更新

實(shí)例

設(shè)置一個(gè)虛線輪廓的顏色：

p
{
outline-style:dotted;
outline-color:#00ff00;
}

outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍。

outline-color屬性指定輪廓顏色。

注意： 請(qǐng)始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。

默認(rèn)值：	invert
繼承：	no
版本：	CSS2
JavaScript 語(yǔ)法：	object.style.outlineColor="#00FF00"

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

屬性
outline-color	1.0	8.0	1.5	1.2	7.0

outline是圍繞元素。它是圍繞元素的邊距。但是，它是來(lái)自不同的邊框?qū)傩浴?/p>

outline不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。

值	描述
color	指定輪廓顏色。在CSS顏色值尋找顏色值的完整列表。
invert	默認(rèn)。執(zhí)行顏色反轉(zhuǎn)（逆向的顏色）?？墒馆喞诓煌谋尘邦伾卸际强梢?。
inherit	規(guī)定應(yīng)該從父元素繼承輪廓顏色的設(shè)置。