CSS - text-shadow


Advertisements


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.

<html>
   <head>
   </head>
   <body>
      <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>
   </body>
</html> 

This will produce following result −



Advertisements