Dreamweaver MX CSS Usage tutorial CSS Box properties

css|dreamweaver| Tutorial

Site original content, reproduced please indicate the source Web page teaching network .

　　 Five. Define CSS Style Box Properties

Use the box (also called box) category of the CSS Style Definition dialog box to define settings for labels and properties that control how elements are placed on the page. You can apply settings to individual edges of elements when you apply padding and margin settings, or you can use the all same setting to apply the same settings to all edges of an element.

Define how elements are placed on the page: in the CSS Style Definition dialog box, select boxes (as shown below), and then set the style properties that you want.

If you do not set the property, it can remain empty.

Wide and High: sets the width and height of the element. wide and high definition of objects are pictures, tables, layers and so on.

Floating: Sets the way elements float (such as text, layers, tables, and so on). Other elements are wrapped around floating elements in the usual way.

Clear: does not allow elements to float. Left-aligned: Indicates that floating objects are not allowed on the left. Right-aligned: Indicates that floating objects are not allowed on the right. Both: Indicates that floating objects can be allowed on both sides. None: Floating objects are not allowed. Both browsers support the purge attribute.

padding: Specifies the spacing between the element's content and the border of the element, if there is no border, the margin. Deselect the all the same option to set the padding for each edge of the element.

All the same: Set the same fill property to the top, right, bottom, and left sides of the element that it applies to.

Boundary: Specifies the spacing between the border of an element (if there is no border, the padding) and the other element. DW MX 2004 Displays this property in the document window only when it is applied to block-level elements (paragraphs, headings, lists, and so on). Deselect all the same to set the margins for each edge of the element.

All the same: Set the same margin property to the top, right, bottom, and left sides of the element that it applies to.

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.