beautypg.com

Adobe Dreamweaver CS3 User Manual

Page 140

background image

DREAMWEAVER CS3

User Guide

133

3

In the CSS Rule Definition dialog box, select Border, and set any of the following style properties. (Leave the

property blank if it is not important to the style.)

Style

Sets the style appearance of the border. The way the style appears depends on the browser. Deselect Same For

All to set the border style for individual sides of the element.

Same For All

Sets the same border style properties to the Top, Right, Bottom, and Left of the element to which it is

applied.

Width

Sets the thickness of the element’s border. The Width attribute is supported by both browsers. Deselect Same

For All to set the border width for individual sides of the element.

Same For All

Sets the same border width to the Top, Right, Bottom, and Left of the element to which it is applied.

Color

Sets the color of the border. You can set each side’s color independently, but the display depends on the

browser. Deselect Same For All to set the border color for individual sides of the element.

Same For All

Sets the same border color to the Top, Right, Bottom, and Left of the element to which it is applied.

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.

Define CSS style list properties

The List category of the CSS Rule Definition dialog box defines list settings, such as bullet size and type, for list tags.

1

Open the CSS Styles panel (Shift+F11), if it isn’t already open.

2

Double-click an existing rule or property in the top pane of the CSS Styles panel.

3

In the CSS Rule Definition dialog box, select List, and set any of the following style properties. (Leave the property

blank if it is not important to the style.)

Type

Sets the appearance of bullets or numbers. Type is supported by both browsers.

Bullet Image

Lets you specify a custom image for bullets. Click Browse (Windows) or Choose (Macintosh) to

browse to an image, or type the image’s path.

Position

Sets whether list item text wraps and indents (outside) or whether the text wraps to the left margin (inside).

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.

Define CSS style positioning properties

The Positioning style properties determine how the content related to the selected CSS style is positioned on the page.

1

Open the CSS Styles panel (Shift+F11), if it isn’t already open.

2

Double-click an existing rule or property in the top pane of the CSS Styles panel.

3

In the CSS Rule Definition dialog box, select Positioning, and then set the style properties you want.

Leave any of the following properties empty if they are not important to the style:

Type

Determines how the browser should position the selected element as follows:

Absolute places the content using the coordinates entered in the Placement boxes relative to the nearest absolutely-
or relatively-positioned ancestor, or, if no absolutely- or relatively-positioned ancestor exists, to the upper-left
corner of the page.

September 4, 2007