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属性的浏览器兼容性如下：

总结

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

香港服务器首选后浪云

了解更多关于香港服务器的信息，请访问后浪云官网。