Defining CSS style background properties

You use the Background category of the CSS Rule Definition dialog box to define background settings for a CSS style. You can apply background properties to any element in a web page. For example, create a style which adds a background color or background image to any page element, for example behind text, a table, the page, and so on. You can also set the positioning of a background image. See also Using Cascading Style Sheets to format text and Editing a CSS rule.

To define background settings:

1. Open the CSS Styles panel (Shift+F11), if it isn’t already open.
2. Open the CSS Rule Definition dialog box by doing one of the following:
   • Add a new style. For detailed information, see Creating a new CSS rule.
   • Double-click an existing style to open it for editing in Code view or in the CSS Properties tab.
3. In the CSS Rule Definition dialog box, select Background, then set the style attributes you want.

   Leave any of the following attributes empty if they are not important to the style:

   Background Color sets the background color for the element. The background color attribute is supported by both browsers.

   Background Image sets the background image for the element.The background image attribute is supported by both browsers.

   Repeat determines whether and how the background image is repeated. The Repeat attribute is supported by both browsers.

   No Repeat displays the image once at the beginning of the element.

   Repeat tiles the image horizontally and vertically behind the element.

   Repeat-x and Repeat-y display a horizontal and vertical band of images, respectively. Images are clipped to fit within the boundaries of the element.

   NOTE

   Use the Repeat property to redefine the body tag and set a background image that does not tile or repeat.

   Attachment determines whether the background image is fixed at its original position or scrolls along with the content. Note that some browsers may treat the Fixed option as Scroll. This is supported by Internet Explorer but not Netscape Navigator.

   Horizontal Position and Vertical Position specify the initial position of the background image in relation to the element. This can be used to align a background image to the center of the page, both vertically and horizontally. If the attachment property is Fixed, the position is relative to the Document window, not to the element. This attribute is supported by Internet Explorer but not Netscape Navigator.

4. When you are finished setting these options, select another CSS category on the left side of the panel to set additional style attributes, or click OK.