Örnek
Arka plan-resmin konumunu değiştirme:
document.body.style.backgroundPosition = "top right"; Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
backgroundposition özelliği, ayarlar veya bir öğesi içindeki bir arka plan-resmin konumunu döndürür.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
backgroundposition özelliğini Dönüş:
object .style.backgroundPosition
backgroundposition özelliğini ayarlayın:
object .style.backgroundPosition= value Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Eğer sadece bir anahtar kelime belirtirseniz, diğer değer olacaktır "center" . |
| x% y% | x değeri, yatay konumunu gösterir ve y, bir dikey konumunu gösterir. Sol üst köşesi 0% 0% 'dir. Sağ alt köşe% 100% 100'dür. Yalnızca bir değer belirtirseniz, diğer değer% 50 olacaktır. |
| xpos ypos | x değeri, yatay konumunu gösterir ve y, bir dikey konumunu gösterir. Sol üst köşesi 0 0. Birimler piksel olabiliyor (0px 0px) veya başka herhangi bir CSS birimleri. Yalnızca bir değer belirtirseniz, diğer değer% 50 olacaktır. Sen ve% birimlerini karıştırabilirsiniz |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | 0% 0% |
|---|---|
| Geri dönüş değeri: | Arka plan görüntü konumunu temsil eden bir String, |
| CSS Sürüm | BB1 |
Diğer Örnekler
Örnek
Bir arka plan-resmin konumunu değiştirme <div> merkez altına elemanı:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Kendin dene " Örnek
Bir arka plan-resmin konumunu değiştirme <div> yatay 200px ve 40px dikey eleman:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Kendin dene " Örnek
Bir arka plan-resmin konumunu döndürür <div> elemanı:
document.getElementById("myDiv").style.backgroundPosition;
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Arkaplan
CSS referansı: background-image property
CSS referansı: background-position property
HTML DOM referansı: background property
<Stil Nesne