CSS outline-color Eigenschaft

Definition und Verwendung

outline (Umriss) ist eine Linie, die um ein Element gezeichnet wird, außerhalb der Kanten des Rahmens, und kann die Funktion hervorheben, das Element hervorzuheben. Die outline-Eigenschaft kann die Umrisslinie um ein Element setzen.

Anmerkung:Erklärung der outline-color-Eigenschaft

Anmerkung:Die Umrisslinien nehmen keinen Raum ein und sind nicht unbedingt rechteckig.

Die outline-color-Eigenschaft setzt die Farbe der sichtbaren Teile des gesamten Umrisses eines Elements. Zu beachten ist, dass der Umrissstil nicht none sein darf, andernfalls wird der Umriss nicht angezeigt.

Weitere Informationen:

CSS Tutorial:CSS Kontur

CSS Referenzhandbuch:outline-Eigenschaft

HTML DOM Referenzhandbuch:outlineColor-Eigenschaft

Beispiel

Setzen Sie die Farbe des gepunkteten Umrisses:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Probieren Sie es selbst aus

CSS-Syntax

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Attributwert

Wert Beschreibung
color_name Es wird die Umrissfarbe in Farbname festgelegt (z.B. red).
hex_number Es wird die Umrissfarbe in Hexadezimalwert festgelegt (z.B. #ff0000).
rgb_number Es wird die Umrissfarbe in RGB-Code festgelegt (z.B. rgb(255,0,0)).
invert Standard. Ausführung der Farbinversion (umgekehrte Farben). Dies macht den Umriss in verschiedenen Hintergrundfarben sichtbar.
inherit Es wird festgelegt, dass die Einstellungen der Umrissfarbe vom übergeordneten Element geerbt werden sollten.

Technische Details

Standardwert: invert
Vererbbarkeit: nein
Version: CSS2
JavaScript-Syntax: object.style.outlineColor="#0000FF"

TIY-Beispiel

Umrissfarbe einstellen
Dieses Beispiel zeigt, wie man die Farbe des Umrisses einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Anmerkung:Wenn !DOCTYPE festgelegt ist, unterstützt IE8 die outline-Eigenschaft.