Property Description

The background-image property sets the background image for an element. This includes the side of the element + padding + border.

This property has the following syntax:

background-image: url|none|initial|inherit;

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

Property Values

Value	Description
url	The URL to the image
none	(default) No background image will be displayed
initial	Specifies that the value of the property should be set to the default value
inherit	Specifies that the value of the property should be inherited from the parent element

This example shows how to set a background-image for the document.

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

Chrome	Firefox	IE	Safari	Opera
1.0	1.0	4.0	1.0	3.5