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
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
| 
