HTML-DOM Stil OUTLINECOLOR Eigenschaft
Definition und Verwendung
OUTLINECOLOR Eigenschaftssätze oder gibt die Farbe der Kontur um Elemente.
Grammatik
Einstellen OUTLINECOLOR Eigenschaften:
Object.style.outlineColor="color|invert|inherit"
Zurück OUTLINECOLOR Eigenschaften:
Object.style.outlineColor
值 | 描述 |
---|---|
color | 规定轮廓的颜色。在 CSS 颜色值 中寻找可能的颜色值的完整列表。 |
invert | 默认。反转轮廓的颜色为相反值。 |
inherit | 轮廓的颜色从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen OUTLINECOLOR Eigenschaft.
Hinweis: IE7 und frühere Versionen unterstützen keine OUTLINECOLOR Eigenschaft.IE8 bietet nur OUTLINECOLOR Eigenschaft unterstützt! DOCTYPE. IE9 Unterstützung OUTLINECOLOR Eigenschaft.
Tipps und Hinweise
Konturlinien um die umgebenden Elemente. Es wird in den Rand der umgebenden Elemente angezeigt. Allerdings unterscheidet es sich von der Grenze Eigenschaft.
Teil des Profils ist nicht Elementgröße, und damit die Breite und Höhe Attribute des Elements nicht die Breite des Profils enthält.
Beispiele
Beispiele
Ändern Sie die Farbe der Kontur:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineColor="#0000FF";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框颜色</button>
<p><b>注意:</b> IE8 及以下版本如果要支持 outline 属性,则必须声明 !DOCTYPE。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<style type="text/css">
#ex1{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult(){
document.getElementById("ex1").style.outlineColor="#0000FF";
}
</script>
</head>
<body>
<div id="ex1">这是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外边框颜色</button>
<p><b>注意:</b> IE8 及以下版本如果要支持 outline 属性,则必须声明 !DOCTYPE。</p>
</body>
</html>
Versuchen »
Style - Objekte