HTML-DOM Stil outlineWidth Eigenschaft
Style - Objekte Definition und Verwendung
outlineWidth Eigenschaft legt liefert die Breite der Elemente um das Profil.
Grammatik
Einstellen outlineWidth Eigenschaften:
Object.style.outlineWidth="thin|medium|thick|length|inherit"
Zurück outlineWidth Eigenschaften:
Object.style.outlineWidth
| 值 | 描述 |
|---|---|
| thin | 定义细的轮廓。 |
| medium | 默认。定义中等的轮廓。 |
| thick | 定义粗的轮廓。 |
| length | 使用 px、cm 等单位定义轮廓的宽度。 |
| inherit | 轮廓的宽度从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen outlineWidth Eigenschaft.
Hinweis: IE7 und frühere Versionen unterstützen keine outlineWidth Eigenschaft.IE8 bietet nur! DOCTYPE outlineWidth Eigenschaft unterstützt. IE9 outlineWidth Eigenschaft unterstützen.
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 Breite des Umrisses:
<html>
<head>
<style type="text/css">
#ex1
{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.outlineWidth="10px";
}
</script>
</head>
<body>
<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change outline width</button>
</body>
</html>
<head>
<style type="text/css">
#ex1
{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.outlineWidth="10px";
}
</script>
</head>
<body>
<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change outline width</button>
</body>
</html>
Versuchen »
Style - Objekte