CSS background-position

Previous Next

Demo of the different values of the background-position property.

Click the property values below to see the result:

background-position: left top;
background-position: left center;
background-position: left bottom;
background-position: right top;
background-position: right center;
background-position: right bottom;
background-position: center top;
background-position: 10% 40%;
background-position: 50px 100px;
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.
This demo shows how to specify where the background image should be positioned.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯