Stil arka planPozisyon Özellik
Örnek
Bir arka plan görüntüsünün konumunu değiştirin:
document.body.style.backgroundPosition = "top right";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
backgroundPosition özelliği, bir öğe içindeki arka plan görüntüsünün konumunu ayarlar veya döndürür.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
backgroundPosition özelliğini döndürün:
object.style.backgroundPosition
backgroundPosition özelliğini ayarlayın:
object.style.backgroundPosition = value
Mülk değerleri
Value | Description |
---|---|
top left top center top right center left center center center right bottom left bottom center bottom right |
If you only specify one keyword, the other value will be "center". |
x% y% | The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. |
xpos ypos | The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 0% 0% |
---|---|
Geri dönüş değeri: | Bir arka plan görüntüsünün konumunu temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesindeki arka plan görüntüsünün konumunu alt orta olacak şekilde değiştirin:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Örnek
Bir <div> öğesindeki arka plan görüntüsünün konumunu 200 piksel yatay ve 40 piksel dikey olarak değiştirin:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Örnek
Bir <div> öğesindeki arka plan görüntüsünün konumunu döndürün:
document.getElementById("myDiv").style.backgroundPosition;
İlgili Sayfalar
CSS eğitimi: CSS Arka Planı
CSS referansı: arka plan görüntüsü özelliği
CSS referansı: arka plan konumu özelliği
HTML DOM referansı: arka plan özelliği