CSS - text-shadow



The text-shadow property specifies one or more shadows which are derived from the text of an element.

Possible Values

  • none − No shadows should be associated with the element.

  • color − Any color value. This gives the color of the shadow.

  • length length length − The offset distances and blur radius for the shadow, in the order x-offset, y-offset, and blur radius.

Applies to

All the HTML elements.

DOM Syntax

object.style.textShadow = "red";


Following is the example which demonstrates how to set the shadow around a text. This may not be supported by all the browsers.

Live Demo

      <p style = "text-shadow:4px 4px 8px blue;">
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.

This will produce following result −