Style outlineColor- Eigenschaft
Beispiel
Ändere die Farbe des Umrisses eines <div>-Elements:
document.getElementById("myDiv").style.outlineColor = "#00ff00";
Definition und Verwendung
Die Eigenschaft outlineColor legt die Farbe 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 | |||||
---|---|---|---|---|---|
outlineColor | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft outlineColor zurück:
object.style.outlineColor
Legen Sie die Eigenschaft outlineColor fest:
object.style.outlineColor = "color|invert|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values |
invert | Inverts the color of the outline to the opposite value. Note: Browsers are not required to support this value |
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: | umkehren |
---|---|
Rückgabewert: | Ein String, der die Farbe des Umrisses eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Gibt die Rahmenfarbe eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.outlineColor);
Verwandte Seiten
CSS-Tutorial: CSS-Gliederung
CSS-Referenz: Eigenschaft outline-color
HTML-DOM-Referenz: Umrisseigenschaft
❮ Style-Objekt