# Property Description

The background-position property sets the starting position of a background image.

# Property Values

Value | Description
--- | ---
left top left center left bottom right top right center right bottom center top center center center bottom | The starting position of the background image. Note: If only one keyword is specified, the second value will be "center"
x% y% | (default: 0% 0%) The first value is the horizontal position and the second value is the vertical. The top, left corner is 0% 0% and the bottom, right corner is 100% 100%. Note: If only one value is specified, the second value will be "50%"
xpos ypos | The first value is the horizontal position and the second value is the vertical position. The top, left corner is 0 0. Note: If only one value is specified, the second value will be "50%"
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example shows how to specify the position of a background-image.

    body {
      background-image:
        url('bg-image.gif');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center;
    }

# Browser Support

Note:For Firefox and Opera, the background-attachment property must be set to "fixed".

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1