CSS background-position

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

CSS background-position” üzerine bir yorum

  1. Geri bildirim: CSS background | W3TR

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir