Dreamweaver MX CSS Background properties

Source: Internet
Author: User
Tags define definition relative dreamweaver
Css|dreamweaver three. Define CSS style Background properties

Use the background category of the CSS Style Definition dialog box to define the background settings for a CSS style. You can apply background properties to any element in a Web page. For example, create a style that adds a background color or background image to any page element, such as after text, tables, pages, and so on. You can also set the location of the background image.

Define background settings:

In the CSS Style Definition dialog box, select Background (the following figure), and then set the style properties that you want.


( large picture please enlarge and view )

If the following properties are not set to remain empty.

Background color: Sets the background color of an element. Both browsers support background color properties.

Background Image: Sets the background image of an element. Both browsers support background image properties.

Repeat: Define whether to repeat and how to repeat the background image. Duplicate attributes are supported in both browsers.

"Do not repeat" displays an image once at the beginning of the element.

Repeat tiles the image horizontally and vertically behind the element.

"Horizontal Repeat" and "Portrait Repeat" display the image horizontal band and vertical zone respectively. The image is clipped to fit the bounds of the element.

Attachment: Determines whether the background image is anchored to its original position or scrolls along with the content. Note that some browsers may treat the "fixed" option as "scrolling." Note: Internet Explorer supports this option, but is not supported by Netscape Navigator.

Horizontal position: And vertical position specifies the initial position of the background image relative to the element. This can be used to align the background image vertically and horizontally with the page center. If the attachment property is fixed, the position is relative to the document window instead of the element. Note: Internet Explorer supports this property, but is not supported by Netscape Navigator.

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.