Style outlineColor 属性

定义和用法

outlineColor 属性设置或返回元素周围轮廓的颜色。

轮廓是围绕元素的一条线。它显示在元素的外边距周围。但是，它与 border 属性 不同。

轮廓不是元素尺寸的一部分，因此元素的宽度和高度属性不包含轮廓的宽度。

另请参阅：

CSS 教程：CSS 轮廓

CSS 参考手册：outline-color 属性

HTML DOM 参考手册：outline 属性

实例

例子 1

更改 <div> 元素的轮廓颜色：

document.getElementById("myDiv").style.outlineColor = "#00ff00";

亲自试一试

例子 2

返回 <div> 元素的边框颜色：

alert(document.getElementById("myDiv").style.outlineColor);

亲自试一试

语法

返回 outlineColor 属性：

object.style.outlineColor

设置 outlineColor 属性：

object.style.outlineColor = "color|invert|initial|inherit"

属性值

值 描述
color

规定轮廓的颜色。

请查看 CSS 颜色值，获取可能的颜色值的完整列表。
invert 将轮廓的颜色反转为相反的值。默认。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： invert
返回值： 字符串，表示元素轮廓的颜色。
CSS 版本： CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持