Using Text-shadow in Dreamweaver CS5.5

The text-shadow property allows you to apply single and multiple drop shadows to text objects. For more information, see the W3C website.

Specify the following parameters for the text-shadow property:

Color: Color of the shadow.

Offset: Position of the shadow with respect to the object. The X-offset specifies the horizontal distance. Negative values place the shadow to the left of the text. The Y-offset specifies the vertical distance. Negative values place the shadow to the bottom of the text.

Blur-radius (Optional): Creates an authentic feel for the shadow.

The text-shadow property has the following format:

text-shadow: [x-offset] [y-offset] [blur radius] [color];

Example: text-shadow: 2px 2px 4px #066;

You can apply the text-shadow property more than once to the same object.  In this case, the CSS panel displays only the first instance of the property although both instances are applied.

Example: text-shadow: 2px 2px 4px #000, -2px -4px 4px #099;

To apply Text-shadow using the CSS Styles panel, do the following:

  1. In the Show Only Set Properties View of the CSS Styles panel, click Add Property.
  2. Select text-shadow from the menu.
  3. Click the “+” icon.
  4. Enter values for X-Offset, Y-Offset, Blur Radius, and Color. For color, you can use the color palette to choose a color.

One Response to Using Text-shadow in Dreamweaver CS5.5

  1. Pingback: Enhanced support for CSS3 in Dreamweaver CS 5.5 « The Insider