Hier bist Du: Home » Texteigenschaften » text-shadow

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>

Beispiel ansehen

Initialwert:none
Vererbbar:nein
Anwendbar auf:Alle Elemente
Medium:Visual
Werte:
none
kein Schatten
Farbangabe Längenangabe Längenangabe Längenangabe
Der Schatten wird bestimmt durch die Farbe sowie drei Längenangaben für die Länge und Breite sowie einen Überblendeffekt.
Inherit
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
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

zum Seitenanfang