CSS background-position-x

Previous Next

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

Click the property values below to see the result:

background-position-x: left;
background-position-x: right;
background-position-x: center;
background-position-x: 100px;
background-position-x: 70%;
This demo shows how to specify where the background image should be positioned on x-axis.
This demo shows how to specify where the background image should be positioned on x-axis.
This demo shows how to specify where the background image should be positioned on x-axis.
This demo shows how to specify where the background image should be positioned on x-axis.
This demo shows how to specify where the background image should be positioned on x-axis.

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