Difference between revisions of "CSS GUIDE BACKGROUND IMAGE"

From CDOT Wiki
Jump to: navigation, search
(Notes)
(revert)
 
(9 intermediate revisions by 2 users not shown)
Line 16: Line 16:
  
 
== Syntax ==
 
== Syntax ==
<pre>TARGET_ELEMENT {background-image: url | none ;}</pre>
+
<pre>TARGET_ELEMENT {background-image: value ;}</pre>
  
 
== Legal Values ==
 
== Legal Values ==
<table border="2">
+
<table border="0">
 
<tr>
 
<tr>
 
<td>'''url'''</td><td>''A URL path to an image file to be used as the background image.''</td>
 
<td>'''url'''</td><td>''A URL path to an image file to be used as the background image.''</td>
Line 29: Line 29:
  
 
== Mozilla Recommended Values ==
 
== Mozilla Recommended Values ==
See Notes.
+
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 ==
Line 38: Line 38:
  
 
== Notes ==
 
== Notes ==
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.
+
See [[#Mozilla Recommended Values | Mozilla Recommended Values]] section.
  
 
== Specification Conformance  ==
 
== Specification Conformance  ==

Latest revision as of 17:12, 10 April 2007

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

urlA URL path to an image file to be used as the background image.
noneSpecifies 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.

Specification Conformance

CSS 1
CSS 2.1
CSS 3

Browser Compatibility

See Also