En son web geliştirme öğreticiler
 

Style backgroundSize Property

<Stil Nesne

Ö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