How to Use the Dreamweaver CS4 HTML/CSS Properties Toggle

A set of buttons that allow you to toggle between HTML properties and CSS properties in the Dreamweaver CS4 Property inspector is a great feature in Adobe Dreamweaver CS4. Here is how to work with it.

Difficulty: Moderately Easy

Instructions

Things You'll Need:

• Adobe Dreamweaver CS4 software

1. Open a page in Dreamweaver. The Properties panel (or Property inspector) in Dreamweaver CS4 contains two new buttons. One is called CSS. The other is called HTML.

2. When an element in the document window is selected, or when a tag is selected from the Tag selector, you can choose the properties you want to view for the element by clicking in the Properties panel.

3. 
   HTML button selected

   To see the HTML properties, click the button on the Property inspector that says HTML.

4. 
   CSS button selected

   To see the CSS properties for the same element, click the button for CSS. You can edit the rule using the edit button, if needed.

5. It takes a bit of getting used to at first to remember to toggle between HTML and CSS depending on what you're doing, but it is a great convenience.

[Veesites]

on 3/9/2009 The Properties panel is found under Window > Properties. Or you can use the keyboard Ctrl-F3 (Cmd-F3 on a Mac). :)

[levthao]

on 3/8/2009 I accidently closed the property inspector in dw cs4 and can't find the way to bring it back again, please help. Your help is greatly appreciated. Thanks.