Style outlineWidth Eigenschaft

Definition und Verwendung

outlineWidth Eigenschaft, die die Breite des Umrisses um das Element setzt oder zurückgibt.

Der Umriss ist eine Linie um den Element. Es wird um den Außenabstand des Elements angezeigt. Aber es ist unterschiedlich vom Rahmen-Eigenschaft.

Der Umriss ist nicht Teil der Elementgröße, daher ist die Breite und Höhe des Elements nicht um den Umrißbreite enthalten.

Weitere Informationen:

CSS Tutorial:CSS-Umriss

CSS Referenzhandbuch:outline-Eigenschaft

HTML DOM Referenzhandbuch:outline-Eigenschaft

Beispiel

Beispiel 1

Ändern Sie die Breite des Umrisses des <div>-Elements:

document.getElementById("myDiv").style.outlineWidth = "10px";

Probieren Sie es selbst aus

Beispiel 2

Verwenden Sie den Wert "thick", um die Breite des Umrisses des <div>-Elements zu ändern:

document.getElementById("myDiv").style.outlineWidth = "thick";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe der Breite des Umrisses des <div>-Elements:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der outlineWidth-Eigenschaft:

object.style.outlineWidth

Setzen Sie die outlineWidth-Eigenschaft:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Eigenschaftswert

Wert Beschreibung
thin Definiert einen dünnen Umriss.
medium Definiert einen mittleren Umriss. Standard.
thick Definiert einen starken Umriss.
length Umrissbreite in Längeneinheiten.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: medium
Rückgabewert: Zeichenkette, die die Breite des Elementumrisses angibt.
CSS Version: CSS2

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung