CSS background-position-y

Previous Next

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

Click the property values below to see the result:

background-position-y: top;
background-position-y: bottom;
background-position-y: center;
background-position-y: 50px;
background-position-y: 80%;
This demo shows how to specify where the background image should be positioned on y-axis.
This demo shows how to specify where the background image should be positioned on y-axis.
This demo shows how to specify where the background image should be positioned on y-axis.
This demo shows how to specify where the background image should be positioned on y-axis.
This demo shows how to specify where the background image should be positioned on y-axis.

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