beautypg.com

Adobe Dreamweaver CS3 User Manual

Page 139

background image

DREAMWEAVER CS3

User Guide

132

returns, is respected); Nowrap specifies that the text only wraps when a

br

tag is encountered. Dreamweaver does

not display this attribute in the Document window. The Whitespace attribute is supported by Netscape Navigator
and Internet Explorer 5.5.

Display

Specifies whether an element is displayed and if so how it is displayed. None disables the display of an

element to which it is assigned.

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 box properties

Use the Box category of the CSS Rule Definition dialog box to define settings for tags and properties that control the
placement of elements on the page.

You can apply settings to individual sides of an element when applying padding and margin settings, or use the Same
For All setting to apply the same setting to all sides of an element.

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 Box, and set any of the following style properties. (Leave the property

blank if it is not important to the style.)

Width and Height

Sets the width and height of the element.

Float

Sets which side other elements, such as text, AP Divs, tables and so on, will float around an element. Other

elements wrap around the floating element as usual. The Float attribute is supported by both browsers.

Clear

Defines the sides that do not allow AP elements. If an AP element appears on the clear side, the element with

the clear setting moves below it. The Clear attribute is supported by both browsers.

Padding

Specifies the amount of space between the content of an element and its border (or margin if there is no

border). Deselect the Same For All option to set the padding for individual sides of the element.

Same For All

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

applied.

Margin

Specifies the amount of space between the border of an element (or the padding if there is no border) and

another element. Dreamweaver displays this attribute in the Document window only when it is applied to block-level
elements (paragraphs, headings, lists, and so on). Deselect Same For All to set the margin for individual sides of the
element.

Same For All

Sets the same margin properties 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 border properties

Use the Border category of the CSS Rule Definition dialog box to define settings, such as width, color, and style, for
the borders around elements.

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.

September 4, 2007