CSS Background-position Property

Posted The: 23/04/2008 At: 21:51

Last Edited: 15/08/2008 At: 18:49

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

Example:

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!

Comments: [0]

Tutorials

References

Brugbart

Language

© Brugbart Webdesign