Adobe 38040334 - Dreamweaver CS3 User Manual page 142

Note: There are a number of other extension properties available in Dreamweaver, but to access them, you need to go
through the CSS Styles panel. You can easily see a list of extension properties available by opening the CSS Styles panel
(Windows > CSS Styles), clicking the Show Category View button at the bottom of the panel, and expanding the Exten-
sions category.
Open the CSS Styles panel (Shift + F11), if it isn't already open.
1
2 Double-click an existing rule or property in the top pane of the CSS Styles panel.
In the CSS Rule Definition dialog box, select Extensions, and set any of the following style properties. (Leave the
3
property blank if it is not important to the style.)
Forces a page break during printing either before or after the object controlled by the style. Select the
Pagebreak
option you want to set in the pop-up menu. This option is not supported by any 4.0 browser, but support may be
provided by future browsers.
Changes the pointer image when the pointer is over the object controlled by the style. Select the option you
Cursor
want to set in the pop-up menu. Internet Explorer 4.0 and later, and Netscape Navigator 6 support this attribute.
Applies special effects to the object controlled by the style, including blur and inversion. Select an effect from
Filter
the pop-up menu.
When you are finished setting these options, select another CSS category on the left side of the panel to set
4
additional style properties, or click OK.
Edit a CSS rule
You can easily edit both internal and external rules that you have applied to a document.
When you edit a CSS style sheet that controls the text in your document, you instantly reformat all of the text
controlled by that CSS style sheet. Edits to an external style sheet affect all the documents linked to it.
You can set an external editor to use for editing style sheets.
Edit a rule in the CSS Styles panel (Current mode)
1 Open the CSS Styles panel by selecting Window > CSS Styles.
Click the Current button at the top of the CSS Styles panel.
2
3 Select a text element in the current page to display its properties.
Do one of the following:
4
•
Double-click a property in the Summary for Selection pane to display the CSS Rule Definition dialog box, and
then make your changes.
• Select a property in the Summary for Selection pane, and then edit the property in the Properties pane below.
•
Select a rule in the Rules pane, and then edit the rule's properties in the Properties pane below.
Note: You can change the double-clicking behavior for editing CSS, as well as other behaviors, by changing Dreamweaver
preferences.
Edit a rule in the CSS Styles panel (All mode)
Open the CSS Styles panel by selecting Window > CSS Styles.
1
2 Click the All button at the top of the CSS Styles panel.
September 4, 2007
DREAMWEAVER CS3 135
User Guide