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
Whether you're new to XML or already an advanced user,
the user-friendly views and powerful entry helpers,
wizards, and debuggers in XMLSpy are designed to meet your XML
and Web development needs from start to finish.
New features in Version 2010!
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- XBRL validator, taxonomy editor, taxonomy wizard
- Support for Office Open XML (OOXML)
- Graphical WSDL 1.1/2.0 editor & SOAP debugger
- JSON editing & conversion
- Java, C#, C++ code generation
- And much more!
Download a free trial today!
|
|
|
| 
