Örnek
İçerik kutusuna arka plan görüntüsü göre konumlandırmak:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Kendin dene " Tanımı ve Kullanımı
backgroundOrigin özelliği, ayarlar veya background-position özelliği göreli olanı döndürür.
Note: Arka plan görüntüsü için background-attachment özelliği ise "fixed" , bu özellik hiçbir etkisi olmaz.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sözdizimi
backgroundOrigin özelliğini Dönüş:
object .style.backgroundOrigin
backgroundOrigin özelliğini ayarlayın:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Mülkiyet Değerler
değer | Açıklama |
---|---|
padding-box | Varsayılan değer. arka plan resmi doldurma kutusuna göre konumlandırılır |
border-box | arka plan görüntüsü sınır kutusuna göreli konumlandırılmış |
content-box | arka plan resmi içerik kutusuna göre konumlandırılır |
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: | padding-box |
---|---|
Geri dönüş değeri: | bir elemanın arka menşeli özelliği temsil eden bir String, |
CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: background-origin property
<Stil Nesne