Dreamweaver MX CSS Box Properties

Source: Internet
Author: User
Tags define definition dreamweaver
Css|dreamweaver 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.


( large picture please enlarge and view )

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.



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.