Style backgroundSize özelliği

Tanım ve Kullanım

backgroundSize Arka plan görselinin boyutunu ayarlamak veya döndürmek için özellik ayarları.

Daha fazla bakınız:

HTML Stili:background özelliği

CSS Eğitimi:CSS arka planı

CSS3 Eğitimi:CSS3 Arka Plan

CSS Referans Kılavuzu:background-size özelliği

Örnek

Arka plan görselinin boyutunu belirleyin:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Kişisel olarak deneyin

Sözdizimi

backgroundSize özelliğini döndürün:

object.style.backgroundSize

backgroundSize özelliğini ayarlayın:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Özellik değeri

Değer Açıklama
auto Öntanımlı değer. Arka plan görseli genişliğini ve yüksekliğini içerir.
length

Arka plan görselinin genişliğini ve yüksekliğini ayarlar.

İlk değer genişliği, ikinci değer yüksekliği ayarlar.

Sadece bir değer verilirse, ikinci 'auto' olarak ayarlanır.
percentage

Ebeveyn elemanının yüzdesi ile arka plan görselinin genişliğini ve yüksekliğini ayarlar.

İlk değer genişliği, ikinci değer yüksekliği ayarlar.

Sadece bir değer verilirse, ikinci 'auto' olarak ayarlanır.
cover

Arka plan görselini mümkün olduğunca büyük boyuta çıkarmak, arka plan alanının tamamen arka plan görseli ile kapsanmasını sağlamak

Arka plan görselinin bazı bölümleri arka plan konum alanı içinde olmayabilir.
contain Görseli en büyük ölçüye çıkarmak, genişliği ve yüksekliği iç alanına uyacak şekilde
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Dönüş değeri: dizgesi, elemanın background-size özelliği.
CSS sürümü: CSS3

Tarayıcı desteği

backgroundSize CSS3 (1999) özelliğidir.

Tüm tarayıcılar bunu tamamen destekler:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Destek Destek Destek Destek Destek 11