Sets the initial position of the element's background image, if specified; values normally are paired to provide x, y positions; default position is 0% 0%.
block-level and replaced elements
object.style.backgroundPosition = "10 30";
Following is the example which demonstrates how to set the background image position 100 pixels away from the left side.
<table style = "background-image:url(/images/pattern1.gif); background-position:100px;"> <tr> <td> Background image positioned 100 pixels away from the left. </td> </tr> </table>
Following is the example which demonstrates how to set the background image position 100 pixels away from the left side and 200 pixels down from the top.
<html> <head> </head> <body> <p style = "background-image:url(/css/images/logo.png); background-position:100px 200px;"> The background image positioned 100 pixels away from the left and 200 pixels from the top.up </p> </body> </html>
It will produce the following result −