CSS `outline-color` 属性

说明

outline-color CSS 属性设置元素轮廓的颜色。然而，在许多情况下，速记属性 outline 更便于使用且更可取。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

outline-color:

color | invert | initial | inherit

下面的示例显示了 outline-color 属性的作用。

p {
    outline-style: solid;
    outline-color: #ff0000;
}

注意：您必须在 outline-color 属性之前声明outline-style属性。元素必须有轮廓才能设置轮廓的颜色，因为 outline-style 属性的默认值为 none。

下表描述了该属性的值。

值	说明
color	指定轮廓的颜色。查看 CSS 颜色值以获取可能的颜色值列表。
`invert`	对屏幕的像素执行颜色反转，以确保轮廓可见，而不管任何背景颜色。这是默认设置。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `outline-color` 属性的计算值。

所有主要的现代浏览器都支持 outline-color 属性。

请参阅以下教程： CSS 轮廓, CSS 边框.