Difference between revisions of "CSS GUIDE BACKGROUND IMAGE"
(revert) |
|||
| (29 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
== Summary == | == Summary == | ||
| + | The background image property is used to set the background image for a given element. | ||
| + | |||
| + | <table border="2"> | ||
| + | <tr> | ||
| + | <td><b>Applicability:</b></td><td>The background image property can be used for all CSS elements.<td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups Media Group:]</b> | ||
| + | </td><td>Visual</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td><b>Inherited:</b></td><td>No</td> | ||
| + | </tr> | ||
| + | </table> | ||
== Syntax == | == Syntax == | ||
| − | + | <pre>TARGET_ELEMENT {background-image: value ;}</pre> | |
| + | |||
== Legal Values == | == Legal Values == | ||
| + | <table border="0"> | ||
| + | <tr> | ||
| + | <td>'''url'''</td><td>''A URL path to an image file to be used as the background image.''</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>'''none'''</td><td>''Specifies that no background image is to be used.''</td> | ||
| + | </tr> | ||
| + | </table> | ||
== Mozilla Recommended Values == | == Mozilla Recommended Values == | ||
| + | It is strongly recommended that developers should specify a background-color to be used if a given image is not available. This is similar to placing alternate text for images.t available. Background images are rendered in the foreground (i.e on top of the background color). This should be considered when using images with transparent background. | ||
== Usage Examples == | == Usage Examples == | ||
| + | <pre>body { background-image: url("images/mybackground.png"); } | ||
| + | |||
| + | p { background-image: none; } | ||
| + | </pre> | ||
== Notes == | == Notes == | ||
| − | + | See [[#Mozilla Recommended Values | Mozilla Recommended Values]] section. | |
== Specification Conformance == | == Specification Conformance == | ||
| + | [http://www.w3.org/TR/CSS1#background-image CSS 1]<br /> | ||
| + | [http://www.w3.org/TR/CSS21/colors.html#propdef-background-image CSS 2.1 ]<br /> | ||
| + | [http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background-image CSS 3]<br /> | ||
== Browser Compatibility == | == Browser Compatibility == | ||
== See Also == | == See Also == | ||
Latest revision as of 16:12, 10 April 2007
Contents
Summary
The background image property is used to set the background image for a given element.
| Applicability: | The background image property can be used for all CSS elements. | |
| Media Group: | Visual | |
| Inherited: | No |
Syntax
TARGET_ELEMENT {background-image: value ;}
Legal Values
| url | A URL path to an image file to be used as the background image. |
| none | Specifies that no background image is to be used. |
Mozilla Recommended Values
It is strongly recommended that developers should specify a background-color to be used if a given image is not available. This is similar to placing alternate text for images.t available. Background images are rendered in the foreground (i.e on top of the background color). This should be considered when using images with transparent background.
Usage Examples
body { background-image: url("images/mybackground.png"); }
p { background-image: none; }
Notes
See Mozilla Recommended Values section.
