DOM样式outlineColor属性用于设置或返回元素周围轮廓的颜色。
用法:
它用于返回outlineColor属性object.style.outlineColor
它用于设置outlineColor属性object.style.outlineColor = "color|invert|initial|inherit"
属性值:
color:它将轮廓颜色设置为任何有效的CSS颜色。
invert:它将轮廓颜色设置为与背景相反的颜色,以确保轮廓始终可见。注意:并非所有浏览器都支持。
Inherit:它根据从其父元素继承的outline-color属性设置轮廓颜色。
返回值:它返回一个字符串值,该值代表元素中ouline的颜色。
示例1:
HTML | DOM Style outlineColor Property
#myDiv {
border:1px solid red;
outline:green dotted thick;
}
Geeks for Geeks
HTML | DOM Style outlineColor Property
Click Here!
function myFunction() {
// Set outline color.
document.getElementById("myDiv")
.style.outlineColor = "red";
}
输出:
在单击按钮之前:
单击按钮后:
示例2:
HTML | DOM Style outlineColor Property
#myDiv {
border:1px solid red;
outline:dotted thick;
}
Geeks for Geeks
HTML | DOM Style outlineColor Property
Welcome to Geeks for Geeks.
Click Here!
function myFunction() {
alert(document.getElementById(
"myDiv").style.outlineColor);
}
输出:
在单击“打开”按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM样式outlineColor属性支持的浏览器:
谷歌浏览器
IE浏览器
Firefox
Opera
Safari