CSS GUIDE BACKGROUND IMAGE

From CDOT Wiki
Jump to: navigation, search

Summary

The background image property is used to set the background image for a given element.

Applicability:The background image property can be used for all CSS elements.
Media Group: Visual
Inherited:No

Syntax

TARGET_ELEMENT {background-image: value ;}

Legal Values

urlA URL path to an image file to be used as the background image.
noneSpecifies that no background image is to be used.

Mozilla Recommended Values

It is strongly recommended that developers should specify a background-color to be used if a given image is not available. This is similar to placing alternate text for images.t available. Background images are rendered in the foreground (i.e on top of the background color). This should be considered when using images with transparent background.

Usage Examples

body { background-image: url("images/mybackground.png"); }

p { background-image: none; }

Notes

See Mozilla Recommended Values section.

Specification Conformance

CSS 1
CSS 2.1
CSS 3

Browser Compatibility

See Also