CSS3 background-size Property

Bir arka plan görüntüsü boyutunu belirtin:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

background-size özelliği arka plan resimleri boyutunu belirler.

Varsayılan değer:	auto
Miras:	no
canlandırılabilir:	yes. Read about animatable Try it
Versiyon:	CSS3
JavaScript sözdizimi:	object .style.backgroundSize="60px 120px" Try it

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

Sayılar -moz-, -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -O-.

özellik
background-size	4.0 1.0 -webkit-	9.0	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

background-size: auto| Mülkiyet Değerler

değer	Açıklama	Oynat
auto	Varsayılan değer. Arka plan resim genişliği ve yüksekliği içerir	Oynat "
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"	Oynat "
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"	Oynat "
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	Oynat "
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	Oynat "
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun	Oynat "
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku