Difference between revisions of "CSS GUIDE BACKGROUND-POSITION-X"
(→Usage Examples) |
|||
| (14 intermediate revisions by the same user not shown) | |||
| Line 19: | Line 19: | ||
<th>Description</th> | <th>Description</th> | ||
</tr> | </tr> | ||
| + | |||
<tr> | <tr> | ||
| − | < | + | <td>percentage</td> |
| − | < | + | <td>percentage of the block level element</td> |
</tr> | </tr> | ||
| + | |||
<tr> | <tr> | ||
| − | < | + | <td>length</td> |
| − | < | + | <td>length values (in the unit of measure that best suits the medium</td> |
</tr> | </tr> | ||
| + | |||
| + | |||
<tr> | <tr> | ||
| − | < | + | <td>left</td> |
| − | < | + | <td>aligns object to the left on the x - axis</td> |
</tr> | </tr> | ||
| + | |||
<tr> | <tr> | ||
| − | < | + | <td>centre</td> |
| − | < | + | <td>aligns object to the centre on the x - axis</td> |
</tr> | </tr> | ||
| + | |||
<tr> | <tr> | ||
| − | < | + | <td>right</td> |
| − | < | + | <td>aligns object to the right on the x - axis</td> |
</tr> | </tr> | ||
| Line 46: | Line 52: | ||
== Usage Examples == | == Usage Examples == | ||
| − | + | Ext/Doc: body { background-image: url(http://www.foo.com/image.gif); | |
| − | + | background-repeat: repeat-y; | |
| − | + | background-position-x: center } | |
== Notes == | == Notes == | ||
| + | |||
| + | This tag applies to Applies to block-level and replaced elements. | ||
== Specification Conformance == | == Specification Conformance == | ||
| − | |||
== Browser Compatibility == | == Browser Compatibility == | ||
| − | + | Works on all browsers. | |
| − | |||
== See Also == | == See Also == | ||
| − | + | [http://www.yasininat.com/ref/index.php?ref=css&p=background-position-x Border Style CSS Background Position X] | |
| − | [http:// | ||
| − | |||
Latest revision as of 14:11, 13 December 2006
Contents
Summary
Establish the location of the left (x) with the background-image attribute.
Inherited: No
Initial Value
0%
Syntax
background-position-x: [percentage | length] | [left | center | right ]
Legal Values
| Value | Description |
|---|---|
| percentage | percentage of the block level element |
| length | length values (in the unit of measure that best suits the medium |
| left | aligns object to the left on the x - axis |
| centre | aligns object to the centre on the x - axis |
| right | aligns object to the right on the x - axis |
Mozilla Recommended Values
Usage Examples
Ext/Doc: body { background-image: url(http://www.foo.com/image.gif);
background-repeat: repeat-y;
background-position-x: center }
Notes
This tag applies to Applies to block-level and replaced elements.
Specification Conformance
Browser Compatibility
Works on all browsers.
