CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM
|
CSS - background-position
Description:
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%.
Possible Values:
- percent
- none
- length
- top
- center
- bottom
- left
- right
Applies to:
block-level and replaced elements
DOM Syntax:
object.style.backgroundPosition="10 30";
|
Example:
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.
<table style="background-image:url(/images/pattern1.gif);
background-position:100px 200px;">
<tr><td>
This table has background image positioned 100
pixels away from the left and 200 pixels from the top.
</td></tr>
</table>
|
To Become more comfortable - Do Online Practice
|
|
|