The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Text |
| Previous Style: text-indent | Next Style: text-transform |


text-shadow

Applies one or more shadow effects to text.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported
Possible Values:
none
Renders the text without any shadow effect.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

[shadow effect]
One or more shadow effects, separated by commas.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 3 and later 4 and later

Notes:
  • Each shadow effect uses the following structure:

    [color x y blur].

    color The color of the shadow.
    x The amount the shadow is offset from the text to the left.
    y The amount the shadow is offset from the top of the text..
    blur The boundary of the shadow's blur effect.

Example:
<SPAN STYLE="text-shadow: black 5px 5px 3px, gray -3px -3px 3px">

| Index | Current Category: Text |
| Previous Style: text-indent | Next Style: text-transform |