CSS/Eigenschaften/text-outline

Die Eigenschaft text-outline war vorgesehen, Text mit einer Randlinie (und einer andersfarbigen Füllung) zu versehen. Die Eigenschaft wurde 2011 aus dem Standardentwurf gestrichen, weil sich der Effekt über -webkit-text-stroke und einen text-shadow ebenfalls erreichen lässt.

Erlaubte Werte

• none
• mehrere Komma separierte Angaben von
  • thickness (Breite)
  • blur (Weichzeichner)
  • color (Farbe)
• inherit

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

h1 {
  text-outline: 3px 3px #ccc;
}

legt für Überschriften erster Ordnung eine graue Außenlinie fest

Beachten Sie: blur ist optional, die anderen Angaben sind Pflichtangaben

Empfehlung:

• thickness: Breite, eine Längenangabe
• Weichzeichner: Verwischungsradius, eine Längenangabe
• Farbe: Farbe des Schattens, eine Farbangabe

Siehe auch

• Typografie/Farbe und Dekoration
  • Füllungen und Konturen

Weblinks

• Spezifikation (W3C): CSS Text Decoration Module Level 3