Textschatten: text-shadow
Diese Eigenschaft gibt es seit Version: CSS 2
Mit text-shadow
kann man Schatten um den Text bestimmen, ohne ein Grafikprogramm bemühen zu müssen. Die Eigenschaft wurde in CSS 2 eingeführt
und wird voraussichtlich ab CSS 2.1 wieder entfernt.
Code-Beispiel für text-shadow
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Code-Beispiel für text-shadow</title> <style type="text/css"> .text-shadow {text-shadow: #c0c0c0 3px 3px 5px;} </style> </head> <body> <p class="text-shadow">Der Text in diesem Absatz soll einen grauen Schatten nach rechts unten werfen mit Überblendeffekt.</p> </body> </html>
Initialwert: | none |
Vererbbar: | nein |
Anwendbar auf: | Alle Elemente |
Medium: | Visual |
Werte: |
|
Wert | |||||||||||||||
5 | 5.5 | 6 | MAC 5+ | 5/6/7/8 | 9 | 9.5 | 4 | 6 | 7+ | 1+ | 0.8+ | 3.5+ | 1.0+ | 3.5+ | |
text-shadow | n | n | n | n | n | n | j | n | n | n | n | n | j | j | j |