1
edit
Changes
no edit summary
== Summary ==
Establish the location of the left (y) 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 ==
div.marked {background-image: url(watermark.jpg);
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]
Establish the location of the left (y) 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 ==
div.marked {background-image: url(watermark.jpg);
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]