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 |






