CSS background-image Property
 Complete CSS Reference
Example
Set a background-image for the body element:
body
{
background-image:url('paper.gif');
} |
Try it yourself »
|
Definition and Usage
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)" |
Browser Support
The background-image property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Tips and Notes
Tip: Always set a background-color to be used if the image is unavailable.
Property Values
| 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 |
Related Pages
CSS tutorial: CSS Background
HTML DOM reference:
backgroundImage property
Complete CSS Reference
| 
