background-position-x, background-position-y | NN n/a IE 4 CSS n/a |
Inherited: No | |
Establish the location of the left (x) or top (y) edges of the background image specified with the background-image attribute. |
|
CSS Syntax | |
background-position-x: [percentage | length] | [left | center | right ] background-position-y: [percentage | length] | [top | center | bottom] |
|
Value | |
You can specify the percentage of the block-level element's box width or height (respectively) at which the image (or repeated images) begins. Instead of percentages, you can specify length values (in the unit of measure that best suits the medium). In lieu of the numerical values, you may use one axis-specific constant value per attribute. |
|
Initial Value | |
0% |
|
Example | |
div.marked {background-image: url(watermark.jpg); background-position-x: center} |
|
Applies To | |
Block-level and replaced elements. |
|
Object Model Reference | |
[window.]document.getElementById("elementID").style.backgroundPositionX [window.]document.getElementById("elementID").style.backgroundPositionY |