By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Background-position Property

Reference entry on the Background-position property of CSS, including a list of possible values, and useful example.

Edited: 2015-02-21 15:03

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

Possible Values

  1. Units of Measurement
  2. Keywords

The keywords are:

  1. top
  2. right
  3. bottom
  4. left


In the following example, i first set the background-image for body, then background-repeat, and last the position of the image.

body {
  background-image: url("MyImage.png");
  background-repeat: no-repeat;
  background-position: 24px 48px;

In the above example the image is placed 24px from the top of its element, and 45px from the left side of its element.

Inherited? - NO!