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
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
| 
