background-position :

Arka plandaki görüntünün pozisyonunu belirlemek için kullanılır.

Örnek

.position {
  height: 17px;
  background-image: url('http://www.w3tr.com/file/html5.png');
  background-repeat: no-repeat;
  background-position: center;
}

Codepen Ön izleme

 

Css Sözdizimi

 

Değer	Açıklama
left top left center left bottom right top right center right bottom center top center center center bottom	Eğer tek bir değer verirseniz alacağı diğer değer otomatik olarak “center” olacaktır.
x% y%	İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0% 0 % ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır . . Varsayılan değer : 0 % 0%
xpos ypos	İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0px 0px ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır.
initial
inherit

Tarayıcı Desteği

2.0	1.0	4.0	1.0	3.5