# Property Description

The text-shadow property sets the shadow effect added to text.

Note:This property was originally specified in CSS2 but was removed from CSS2.1 specifications due to the lack of browser implementation.

# Property Values

Value | Description
--- | ---
x_offset | The X offset to place the shadow. Negative values move the shadow to the left.
y_offset | The Y offset to place the shadow. Negative values move the shadow up.
blur_radius | (optional) The number of pixels to stretch the shadow giving a blur effect.
shadow_color | The color of the shadow

# Examples

This example places a shadow on h1 elements.

    h1 {
      text-shadow:2px 2px 2px #000;
    }

This example shows the results of setting the various text-shadow values:

    text-shadow:none;

    text-shadow:0.1em 0.1em black;

    text-shadow:1px 2px 5px black;

    text-shadow:1px 1px red,
      2px 2px blue;

# Browser Support

Firefox | IE | Chrome | Opera | Safari

# Miscellaneous Information

Inherited: | No
Defined In: | CSS2