CSS-Eigenschaft outline-color

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'outline-color'
<color> | invert | inherit

<color>

• Farbwert als Hexadezimalangabe (#rrggbb)
• Farbwert als Hexadezimalkurzangabe (#rgb)
• Prozentangaben (rrr.r%,ggg.g%,bbb.b%)
• direkte RGB-Werte (rrr,ggg,bbb)
• Farbnamen (Hier sind nur die 17 Farben
   maroon ,  red ,  orange ,  yellow ,  olive ,
   purple ,  fuchsia ,  white ,  lime ,  green ,
   navy ,  blue ,  aqua , teal ,
   black ,  silver ,  gray 
  sowie die Systemfarben im Standard definiert. Fast alle dieser Farben werden von den heute gängigen Browsern mit den korrekten RGB-Werten dargestellt. Dasselbe gilt auch für die meisten der bereits 1996 eingeführten X11-Farbnamen – die jedoch nicht standard- konform sind. Deshalb ist es empfehlenswert, stets die RGB- oder Hexadezimalangaben zu verwenden, um eine konsistente Farbdarstellung zwischen den verschiedenen Browsern zu erreichen.

Mehr Informationen über Farben in CSS finden Sie im Grundlagenartikel Farbwerte.

<invert> (Ausgangswert)

Dieser Wert invertiert die Farben der durch eine Konturlinie verdeckten Flächen. Dadurch bleibt die Konturlinie stets sichtbar, unabhängig von den definierten Vor- und Hintergrundfarben der angrenzenden Elemente. Nachteil: wenn zwei mit diesem Wert deklarierte Elemente nebeneinander liegen, dann können die Konturlinien beider Elemente sich teilweise gegenseitig überlappen. In dem entsprechenden Bereich sind sie dadurch wieder unsichtbar.

inherit

Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel

:link:focus, :visited:focus { outline-color: red; }

Wechselwirkungen

:active, :focus, :hover,
outline-width, outline-style

Der Wert invert

invert ist der einzige Farbwert dieser Art in CSS 2.1: Er benennt keine Farbe, sondern eine Rechenvorschrift. Die Kontur wird in der Umkehrung dessen gezeichnet, was unter ihr liegt, und ist damit auf jedem Untergrund sichtbar, ohne dass die Farbe im Voraus gewählt werden müsste.

Für eine Kennzeichnung, die überall auffallen muss, ist das die passende Lösung. Sie hat allerdings eine Schwäche: Auf mittleren Grautönen liegt die Umkehrung nahe am Ausgangswert, und der Unterschied wird gering.

Anwenderprogramme, die die Umkehrung nicht berechnen können, dürfen laut Spezifikation stattdessen die Farbe des Elements verwenden. Genau das ist später zum Ausgangswert geworden: Die Kontur nimmt heute standardmäßig die aktuelle Textfarbe an, womit sie sich ohne Angabe in den Entwurf einfügt.

Besonderheiten im Medientyp handheld

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.

Weitere Charakteristika

Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.

Ausgangswert

invert

Berechneter Wert

Spezifizierter Wert

Vererbung

Nein

Anwendbarkeit

Auf alle Elemente

%-Bezugswert

Nicht zutreffend

Mediengruppe(n)

Visual, Interaktive

Ausblick

Für die Zukunft ist die Einführung eines Elementes outline-offset geplant.