The background-position property controls the placement of the background.\u00a0 The background- position property has the value of \u2018repeat\u2019 as the default value for the web page and can take following values<\/p>\n
| \n Value<\/b><\/span><\/p>\n<\/td>\n | \n Description<\/b><\/span><\/p>\n<\/td>\n<\/tr>\n left top, <\/span><\/p>\n left center, <\/span><\/p>\n left bottom, <\/span><\/p>\n right top, <\/span><\/p>\n right center, <\/span><\/p>\n right bottom, <\/span><\/p>\n center top, <\/span><\/p>\n center center or center bottom<\/span><\/p>\n<\/td>\n If only one keyword is specified, the other value will be “center”<\/span><\/p>\n<\/td>\n<\/tr>\n x% y% <\/span><\/p>\n<\/td>\n 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%<\/span><\/p>\n<\/td>\n<\/tr>\n xpos ypos <\/span><\/p>\n<\/td>\n 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<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n |