Make your own free website on

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.


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

P       { background-image: url( }

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.