CSS text-shadow

Ein interessanten Effekt erhält man mit dem nicht CSS-konformen Befehl test-shadow.

hinter einem Text wird ein Schatten gelegt in der gewünschten Farbe und Richtung - im folgenden Beispiel ein grauer Schatten bei weißer Schrift und grünen Hintergrund. 

<p style="background-color:#94CB67; 
        color: white; 
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        font-size:24pt;" >
Text mit automatischen Schatten
</p>

Text mit automatischen Schatten

Browser, die diesen Befehl nicht kennen, ignorieren diesen. Sollten Sie also in der obigen Anzeige keinen Schatten hinter dem Text sehen, dann probieren Sie diese Seite einmal mit dem Firefox. Firefox versteht diese CSS-Anweisung.

Problem an dieser Vorgehensweise ist, dass das Ganze dann nicht mehr valide ist.

vorheriges Kapitel: CSS Tipps und Tricks
nächstes Kapitel: CSS-Layout-Generator
CSS Tipps und TricksSeitenanfangCSS-Layout-Generator
eBook HTML-Seminar.de
del.icio.usMister Wong         CSS Tipps und TricksSeitenanfangCSS-Layout-Generator
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de