CSS - text-shadow


Description:

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";

Example:

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

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

This will produce following result:

If your browser supports the CSS text-shadow property, this text will have a blue shadow.





Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508