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