# Property Description

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

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('URL') | The URL to the image
none | (default) No background image will be displayed
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

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

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

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1