CSS Background-position Property

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

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

Possible Values

The keywords are:

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!