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

Style Definition Background panel

Use the Background panel of the CSS Style Definition dialog box to define background settings for a CSS style. See also 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. In the dialog box that appears, choose a CSS style and click Edit. Click Background on the left side of the dialog box. 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, as follows:

	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: Using this property to redefine the body tag is the way to create a background image that does not tile or repeat.
	The Repeat attribute is supported by both browsers.

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. Dreamweaver does not display this attribute in the Document window. This is supported by IE 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. Dreamweaver does not display this attribute in the Document window. This attribute is supported by IE but not Netscape Navigator.