Style outlineColor-Eigenschaft

Definition und Verwendung

outlineColor Eigenschaft setzt oder gibt die Farbe des Umrisses um das Element zurück.

Der Umriß ist eine Linie um den Element. Er wird um den Rand des Elements angezeigt. Aber, es ist border-Eigenschaft verschieden.

Der Umriß ist nicht Teil der Elementgröße, daher enthalten die Breiten- und Höhenattribute des Elements keine Umrißbreite.

Weitere Informationen:

CSS-Tutorial:CSS-Rahmen

CSS Referenzhandbuch:outline-color-Eigenschaft

HTML DOM Referenzhandbuch:outline-Eigenschaft

Beispiel

Beispiel 1

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

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Probieren Sie es selbst aus

Beispiel 2

Rückgabe der Randfarbe des <div>-Elements:

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

Probieren Sie es selbst aus

Syntax

Rückgabe der outlineColor-Eigenschaft:

object.style.outlineColor

Setzen Sie die outlineColor-Eigenschaft:

object.style.outlineColor = "color|invert|initial|inherit"

Eigenschaftswert

Wert Beschreibung
color

Legt die Farbe des Umrisses fest.

Sehen Sie sich CSS-Farbwerte, um die vollständige Liste möglicher Farben zu erhalten.
invert Die Farbe des Umrisses in das Gegenteil umkehren. Standard.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: invert
Rückgabewert: Zeichenkette, die die Farbe des Elementumrisses darstellt.
CSS-Version: CSS2

Browser-Unterstützung

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