CSS Property background-position

If background pictures are nominal, this property defines their initial position (after any resizing) inside their corresponding background positioning space.

The background-position property takes one or a lot of comma-separated values. If multiple background pictures are nominal, every is applied to a corresponding background image (first for the primary image, second for the second image, and so on).

CSS Property background-position Value

  • <position>


Specifies the position of an element inside the background positioning area.

Desktop Browser Support

Mobile Browser Support


background-position: 20px; 
background-position: 20px 50px; 
background-position: 30% 75%;
background-position: top left; 
background-position: top 100px; 
background-position: -300px 45px;

One comment

  1. I’d incessantly want to be update on new posts on this site, bookmarked! .

Leave a Reply