Setting Background properties

The Background set of the CSS Inspector lets you set the background of the block generated by a style. You can use an image or a color as a background. (For information on the CSS block model, see About the CSS1 formatting model.) Some of the properties in this set are not consistently supported across browsers and platforms. Be sure to test your pages on multiple browsers, browser versions, and platforms.

To edit the background properties of a style:

1. Select a style in the CSS Editor. In the Background set  of the CSS Style Inspector, select the Image option, and then reference an image file to set a background image.
2. Choose a background color from the Color pop-up menu, or drag a selection from the Color palette. Even if you have already set a background image, a background color is useful because it displays while the background image is downloading and will display if the image is unavailable.
3. To tile the background image horizontally, vertically, or in both directions, choose an option from the Repeat pop-up menu.
• Repeat tiles the image both horizontally and vertically.
• Repeat x tiles the image horizontally.
• Repeat y tiles the image vertically.
• Once disables tiling--that is, the image does not repeat.
4. To set a background to scroll or not scroll with other elements on the page, choose an option from the Attach pop-up menu:
• Scroll makes the image scroll.
• Fixed prevents the image from scrolling.
5. To set the position of the image within the style item block, choose any of the Left, Center, Right, or Top, Center, Bottom keyword options from the Top and Left Units pop-up menu. Or choose a length unit or a percentage, and enter a number in the Top and Left text boxes.