View source for CSS GUIDE BACKGROUND-POSITION-X

== Summary ==
Establish the location of the left (x) with the background-image attribute.
<br>
<br>
'''Inherited: No'''
<br>
'''Initial Value''' 
0%

== Syntax ==
background-position-x: [percentage | length] | [left | center | right ]

== Legal Values ==

<table border = "1" width="350">

<tr>
<th>Value</th>
<th>Description</th>
</tr>

<tr>
<td>percentage</td>
<td>percentage of the block level element</td>
</tr>

<tr>
<td>length</td>
<td>length values (in the unit of measure that best suits the medium</td>
</tr>


<tr>
<td>left</td>
<td>aligns object to the left on the x - axis</td>
</tr>

<tr>
<td>centre</td>
<td>aligns object to the centre on the x - axis</td>
</tr>

<tr>
<td>right</td>
<td>aligns object to the right on the x - axis</td>
</tr>

</table>

== 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.

== See Also ==
[http://www.yasininat.com/ref/index.php?ref=css&p=background-position-x  Border Style CSS Background Position X]