Style outlineWidth- Eigenschaft
Beispiel
Ändern Sie die Breite des Umrisses eines <div>-Elements:
document.getElementById("myDiv").style.outlineWidth = "10px";
Definition und Verwendung
Die Eigenschaft outlineWidth legt die Breite des Umrisses um ein Element fest oder gibt sie zurück.
Ein Umriss ist eine Linie um ein Element herum. Es wird um den Rand des Elements herum angezeigt. Es unterscheidet sich jedoch von der Grenzeigenschaft.
Der Umriss ist kein Teil der Abmessungen des Elements, daher enthalten die Breiten- und Höheneigenschaften des Elements nicht die Breite des Umrisses.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft outlineWidth zurück:
object.style.outlineWidth
Legen Sie die Eigenschaft outlineWidth fest:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Mittel |
---|---|
Rückgabewert: | Ein String, der die Breite des Umrisses eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite des Umrisses eines <div>-Elements, indem Sie den Wert „thick“ verwenden:
document.getElementById("myDiv").style.outlineWidth = "thick";
Beispiel
Gibt die Breite des Umrisses eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.outlineWidth);
Verwandte Seiten
CSS-Tutorial: CSS-Gliederung
CSS-Referenz: Umrisseigenschaft
HTML-DOM-Referenz: Umrisseigenschaft
❮ Style-Objekt