Örnek
Bir arka plan görüntüsü boyutunu belirtin:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Kendin dene " Tanımı ve Kullanımı
backgroundSize özelliği, ayarlar veya arka plan resimleri boyutunu döndürür.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Webkit, Moz veya O izledi Numaraları önek ile çalıştı ilk sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
backgroundSize | 4.0 1.0 Webkit | 9.0 | 4.0 3.6 Moz | 4.1 3,0 Webkit | 10.5 10.0 O |
Sözdizimi
backgroundSize özelliğini Dönüş:
object .style.backgroundSize
backgroundSize özelliğini ayarlayın:
object .style.backgroundSize="auto| Mülkiyet Değerler değer Açıklama auto Varsayılan değer. Arka plan resim genişliği ve yüksekliği içerir length Arka plan görüntüsü genişliğini ve yüksekliğini ayarlar. ilk değer, ikinci değer yüksekliğini ayarlar, genişliğini belirtir. Tek bir değer verilirse, ikinci olarak ayarlanır "auto" percentage ana elemanın yüzdesi olarak arka plan görüntüsü genişliğini ve yüksekliğini ayarlar. ilk değer, ikinci değer yüksekliğini ayarlar, genişliğini belirtir. Tek bir değer verilirse, ikinci olarak ayarlanır "auto" cover arka plan alanı tamamen arka plan görüntüsü kapsamında olduğunu bu nedenle mümkün olduğunca büyük olması arka plan resmini ölçeklendirme. Arka plan görüntüsü bir kısmı arka yerleştirme alanı içinde görünümünde olmayabilir contain en büyük boyuta görüntü Scale genişliği ve yüksekliği hem de içerik alanı içine sığacak şekildedir 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: Oto Geri dönüş değeri: bir elemanın arka boyutlu özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: background-size property
<Stil Nesne