Css入门: outline-color（轮廓颜色）

CSS的outline-color属性用于设置元素的轮廓颜色。轮廓是绘制在元素周围的一条线，不占用布局空间。

成都创新互联专注于伽师网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供伽师营销型网站建设，伽师网站制作、伽师网页设计、伽师网站官网定制、微信小程序开发服务，打造伽师网络公司原创品牌,更为您提供伽师网站排名全网营销落地服务。

语法

outline-color属性的语法如下：

selector {
  outline-color: color;
}

其中，selector表示要应用样式的元素选择器，color表示轮廓的颜色值。

取值

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

• color: 指定一个颜色值，可以是十六进制、RGB、HSL等。
• invert: 反转元素的颜色。
• 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	支持

总结

通过使用CSS的outline-color属性，我们可以为元素设置轮廓的颜色。可以使用颜色值、invert或currentColor作为轮廓颜色的取值。outline-color属性在主流浏览器中得到了广泛的支持。

香港服务器选择创新互联

了解更多关于香港服务器的信息，请访问创新互联官网。

本文标题：Css入门:outline-color（轮廓颜色）
文章转载：http://www.zsjierui.cn/article/djshihe.html