Definition The background-position property sets the starting position of a background image. Inherited: No Note: For this to work in Mo...
Definition
The background-position property sets the starting position of a background image.Inherited: No
Note: For this to work in Mozilla, the background-attachment property must be set to "fixed".
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.Scripting Syntax: object.style.backgroundPosition="bottom center"
Example
| body { background-image: url(stars.gif); background-repeat: no-repeat; background-attachment:fixed; background-position: top left } body { background-image: url(stars.gif); background-repeat: no-repeat; background-attachment:fixed; 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".Default value: 0% 0% |
| 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%. |
| xpos ypos | 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. |
Goto CSS3 and CSS2 complete reference
