Inserting and Formatting Text > Using CSS style sheets > Style Definition Box panel

Style Definition Box panel

Use the Box panel of the CSS Style Definition dialog box to define settings for styles that control the placement of elements on the page. See Using CSS style sheets and Editing an external CSS style sheet.

To open the Style Definition dialog box, choose Window > CSS Styles and click the Open Style Sheet icon. (You can also select Edit Style Sheet or New Style from the Style pop-up menu.) In the dialog box that appears, choose a style and click Edit. Click Box on the left side of the dialog box. Leave any of the following attributes empty if they are not important to the style:

Width and Height determine the size of the element. Dreamweaver displays this attribute in the Document window only when it is applied to images or layers.

Float moves the element out of the page flow and places it at either the left or right page margin. Other elements wrap around the floating element as usual. Dreamweaver displays this attribute in the Document window only when it is applied to the img tag. The float attribute is supported by both browsers.

Clear defines the sides that do not allow layers. If a layer appears on the clear side, the element with the clear setting moves below it. Dreamweaver displays this attribute in the Document window only when it is applied to the img tag. The clear attribute is supported by both browsers.

Padding defines the amount of space between the content of the element and its border (or its margin if there is no border). Dreamweaver does not display this attribute in the Document window.

Margin defines the amount of space between the border of the element (or the padding if there is no border) and any other element. Dreamweaver displays this attribute in the Document window only when it is applied to block-level elements (paragraphs, headings, lists, and so on).