Lessons Community Resources Tools

Background Image

Syntax: background-image: <value>
Possible Values: <url> | none
Initial Value: none
Applies to: All elements
Inherited: No

The background-image property sets the background image of an element.

Example:

BODY { background-image: url(/images/star.jpg) }

P       { background-image: url(http://www.tagsnstyles.tripod.com/images/star.gif) }


See example in action

When a background image is defined, a similar background color should also be defined for those not loading images.

Authors may also use the shorthand background property, which is currently better supported than the background-image property.