CSS/Eigenschaften/text-shadow

Browserunterstützung
caniuse.com

Die Eigenschaft text-shadow legt Schattenverläufe für Text-Elemente fest.

Erlaubte Werte

• none
• mehrere Komma separierte Angaben von x-Offset, y-Offset, Weichzeichner, Farbe
  • x-Offset: horizontale Verschiebung, eine Längenangabe
  • y-Offset: vertikale Verschiebung, eine Längenangabe
  • Weichzeichner: Verwischungsradius, eine Längenangabe
  • Farbe: Farbe des Schattens, eine Farbangabe

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

h1 {
  text-shadow: .2em .2em #ccc;
}

legt für Überschriften erster Ordnung einen grauen Schlagschatten fest

Beachten Sie: Eine fehlende Farbangabe wird mit der Textfarbe des Elements initialisiert.
Die Angaben für den Textschatten eines Elements werden ohne Ihr Zutun an die Kindelemente vererbt.

Siehe auch

• Typografie/Farbe und Dekoration
  • Umrisse mit text-shadow

Weblinks

• Spezifikation (W3C): CSS Text Decoration Module Level 4
• Details: caniuse.com