copyright © CSSPG, lud February 28 1999


 for practical use of CSS

CSS Example: Shadow Text

this document is located at...
<URI:http://css.nu/examples/shadow.html>

* Shadowed Text with CSS *

Although the CSS2 property text-shadow allows interesting chiariscuro, UAs have not rushed to implement it. An example usage might be:

H1 { color: #cc3333; text-shadow: 0.2em 0.2em silver}

Although this workaround to create shadow text with CSS may be pleasing to the eyes of the CSS beholder, authors should be aware of the rendering of their carefully crafted declaration in a non-CSS aware browser. A screen shot is available.

Shadow Text
Shadow Text

CSS Pointers Navigation
Index · Browser Bugs · Books · Tools · DHTML · XSL & DSSSL
Main Site Navigation
Index · Articles · Examples · Experiments · FAQ · Markup · Styles · Who is?
CSSPG ~ Sue ~ Roland
Validate markup Check CSS