21:38
Unknown
Example
Set a background-image for the body
element:
______________________________________________________________________________
body
{
background-image:url('paper.gif');
}
{
background-image:url('paper.gif');
}
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: The value "inherit" is not supported in IE7 and
earlier. IE8 requires a !DOCTYPE. IE9 supports "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
|
Posted in: Background-image,Blog,CSS
