Adobe Dreamweaver CC 2015 - Manual (Page 214)

207
CSS
Last updated 6/3/2015
3 In the CSS Rule Definition dialog box, select Extensions, and set any of the following style properties. (Leave the
property blank if it is not important to the style.)
Page break before Forces a page break during printing either before or after the object controlled by the style. Select
the 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.
Cursor Changes the pointer image when the pointer is over the object controlled by the style. Select the option you
want to set in the pop-up menu. Internet Explorer 4.0 and later, and Netscape Navigator 6 support this attribute.
Filter Applies special effects to the object controlled by the style, including blur and inversion. Select an effect from
the pop-up menu.
4 When you are finished setting these options, select another CSS category on the left side of the panel to set additional
style properties, or click OK.
Edit a CSS rule
Note: In Dreamweaver CC and later, CSS Styles panel is replaced with CSS Designer. For more information, see CSS
Designer.
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.
2 Click the Current button at the top of the CSS Styles panel.
3 Select a text element in the current page to display its properties.
4 Do one of the following:
• 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)
1 Open the CSS Styles panel by selecting Window > CSS Styles.
2 Click the All button at the top of the CSS Styles panel.
3 Do one of the following:
• Double-click a rule in the All Rules pane to display the CSS Rule Definition dialog box, and then make your
changes.