CSS background-image Property

Example

Set a background-image for the body element:

body
{
background-image:url('paper.gif');
}

Try it yourself »

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

The background of an element is the total size of the element, including padding and border (but not the margin).

By default, a background-image is placed at the top-left corner of an element, and repeated both vertically and horizontally.

Default value:	none
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.backgroundImage="url(stars.gif)"

The background-image property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Tip: Always set a background-color to be used if the image is unavailable.

Value	Description
url('URL')	The URL to the image
none	No background image will be displayed. This is default
inherit	Specifies that the background image should be inherited from the parent element