Style outlineWidthEigenschaft
Style-Objekt
Definition und Verwendung
Die outlineWidth-Eigenschaft legt die Breite der Kontur um ein Element fest oder gibt sie zurück.
Syntax
Festlegen der outlineWidth-Eigenschaft:
Zurückgeben der outlineWidth-Eigenschaft:
| Wert | Beschreibung |
|---|---|
| thin | Definiert eine dünne Kontur. |
| mittel | Standard. Definiert eine mittlere Kontur. |
| thick | Definiert eine dicke Kontur. |
| length | Definiert die Breite der Kontur mit Einheiten wie px, cm usw. |
| inherit | Die Breite der Kontur wird vom übergeordneten Element geerbt. |
Browser-Unterstützung
Alle wichtigen Browser unterstützen die outlineWidth-Eigenschaft.
Hinweis:IE7 und frühere Versionen unterstützen die outlineWidth-Eigenschaft nicht. IE8 unterstützt die outlineWidth-Eigenschaft nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt die outlineWidth-Eigenschaft.
Tipps und Hinweise
Die outline ist eine Linie, die um ein Element gezogen wird. Sie wird um den margin des Elements angezeigt. Sie unterscheidet sich jedoch von der border-Eigenschaft.
Der Umriss ist nicht Teil der Abmessungen des Elements, daher enthalten die width- und height-Eigenschaften des Elements nicht die Breite des Umrisses.
Beispiel
Beispiel
Ändern Sie die Breite einer outline:
<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">Dies ist ein Text.</div>
<br>
<button type="button" onclick="displayResult()">Konturbreite ändern</button>
</body>
</html>
Selbst ausprobieren »
Style-Objekt Andere Erweiterungen