Click the “+” icon corresponding to these properties. Use the options in the pop-up panel to apply the property.

CSS3 properties like text-shadow support multiple value sets. For example: text-shadow: 3px 3px #000, -3px -3px #0f0;

When you specify multiple value-sets in the code view and open the pop-up panel for editing, only the first value-set is displayed. If you edit this value-set in the pop-up panel, only the first value-set in the code is affected. The other value-sets are unaffected, and applied as specified in the code.

In the category view, text-shadow is listed under the Font category. box-shadow, border-radius, and border-image are listed under the Border category.

Dreamweaver CS5.5 also supports browser (webkit, Mozilla) specific implementation of box-shadow, border-radius, and border-image properties.

In the Category view, use the options under the respective browser category to ensure browser compliance for these properties. For example, to comply with Mozilla’s implementation of the border-image property, edit -moz-border-image in the Mozilla category.

Changes made to CSS properties are not displayed in the Design view. Switch to Live view to preview changes. You can also make quick edits to CSS3 properties in the Live view, and the changes are immediately reflected in this view.

The following CSS3 properties are supported in Live View:

• text-shadow

• border-radius

• -webkit-box-shadow

• -webkit-border-image

Adobe recommends		Have a tutorial you would like to share?
	Enhanced support for CSS3 in DW CS5.5 Preran Kurnool Support for Text-shadow, Box-shadow, Border-radius, and Border-image