Style - Gliederungseigenschaft
Beispiel
Fügen Sie einen Umriss um ein <div>-Element hinzu:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definition und Verwendung
Die Umrisseigenschaft legt alle Umrisseigenschaften in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- Umrissbreite
- Outline-Stil
- Umrissfarbe
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 | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Umrisseigenschaft zurück:
object.style.outline
Legen Sie die Umrisseigenschaft fest:
object.style.outline = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
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 keine invertieren |
---|---|
Rückgabewert: | Ein String, der die Umrissbreite, den Stil und/oder die Farbe eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Breite, Stil und Farbe des Umrisses eines <div>-Elements ändern:
document.getElementById("myDiv").style.outline = "5px dotted green";
Beispiel
Gibt die Umrisseigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.outline);
Verwandte Seiten
CSS-Tutorial: CSS-Gliederung
CSS-Referenz: Umrisseigenschaft
❮ Style-Objekt