Css入門(mén): outline-color（輪廓顏色）

CSS的outline-color屬性用于設(shè)置元素的輪廓顏色。輪廓是繪制在元素周圍的一條線，不占用布局空間。

成都創(chuàng)新互聯(lián)專注于伽師網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供伽師營(yíng)銷型網(wǎng)站建設(shè)，伽師網(wǎng)站制作、伽師網(wǎng)頁(yè)設(shè)計(jì)、伽師網(wǎng)站官網(wǎng)定制、微信小程序開(kāi)發(fā)服務(wù)，打造伽師網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供伽師網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

語(yǔ)法

outline-color屬性的語(yǔ)法如下：

selector {
  outline-color: color;
}

其中，selector表示要應(yīng)用樣式的元素選擇器，color表示輪廓的顏色值。

取值

outline-color屬性可以使用以下取值：

• color: 指定一個(gè)顏色值，可以是十六進(jìn)制、RGB、HSL等。
• invert: 反轉(zhuǎn)元素的顏色。
• currentColor: 使用元素的color屬性值作為輪廓顏色。

示例

以下示例演示了如何使用outline-color屬性：

/* 使用顏色值 */
h1 {
  outline-color: red;
}

/* 使用invert */
p {
  outline-color: invert;
}

/* 使用currentColor */
a {
  color: blue;
  outline-color: currentColor;
}

瀏覽器兼容性

outline-color屬性的瀏覽器兼容性如下：

瀏覽器	兼容性
Chrome	支持
Firefox	支持
Safari	支持
Edge	支持
Internet Explorer	支持

總結(jié)

通過(guò)使用CSS的outline-color屬性，我們可以為元素設(shè)置輪廓的顏色。可以使用顏色值、invert或currentColor作為輪廓顏色的取值。outline-color屬性在主流瀏覽器中得到了廣泛的支持。

香港服務(wù)器選擇創(chuàng)新互聯(lián)

了解更多關(guān)于香港服務(wù)器的信息，請(qǐng)?jiān)L問(wèn)創(chuàng)新互聯(lián)官網(wǎng)。

網(wǎng)頁(yè)題目：Css入門(mén):outline-color（輪廓顏色）
新聞來(lái)源：http://m.fisionsoft.com.cn/article/djshihe.html