The background-position property sets the starting position of a background image.
Inherited: No
| Example |
body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: top left
} body
{
background-image: url(stars.gif);
background-repeat: no-repeat;
background-position: 0% 0%
} |
|
|
| Possible Values |
Value Description | top left top center top right center left center center center right bottom left bottom center bottom right | If you only specify one keyword, the second value will be “center”. | | x-% y-% | The first value is the horizontal position and the second value is the vertical. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. | | x-pos y-pos | The first value is the horizontal position and the second value is the vertical. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and positions. |
|
|
