New Year, New Skills, New You! - Take Charge of Your Career Now!
The background-position property controls the placement of the background. The background- position property has the value of ‘repeat’ as the default value for the web page and can take following values
|
Value |
Description |
|
left top, left center, left bottom, right top, right center, right bottom, center top, center center or center bottom |
If only one keyword is specified, the other 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 only one value is given, the other value will be 50%. Default value is: 0% 0% |
|
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 only one value is given, the other value will be 50%. You can mix % and positions |
{ background-image: url(bg-page.png); background-repeat: no-repeat;
background-position: bottom right; }
