Stil arka planıImage Özellik
Örnek
Bir belge için bir arka plan resmi ayarlayın:
document.body.style.backgroundImage = "url('img_tree.png')";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
backgroundImage özelliği, bir öğenin arka plan görüntüsünü ayarlar veya döndürür.
İpucu: Arka plan görüntüsüne ek olarak bir arka plan rengi de belirtmelisiniz. Görüntü mevcut değilse arka plan rengi kullanılacaktır.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
backgroundImage özelliğini döndürün:
object.style.backgroundImage
backgroundImage özelliğini ayarlayın:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Yok |
---|---|
Geri dönüş değeri: | Arka plan görüntüsünü temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Belirli bir <div> öğesinin arka plan görüntüsünü ayarlayın:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Örnek
Belirli bir <div> öğesinin arka plan görüntüsünü döndürün:
alert(document.getElementById("myDiv").style.backgroundImage);
Örnek
Bir belgenin arka plan resmini döndür:
alert(document.body.style.backgroundImage);
İlgili Sayfalar
CSS eğitimi: CSS Arka Planı
CSS3 eğitimi: CSS3 Arka Planları
CSS referansı: arka plan görüntüsü özelliği
HTML DOM referansı: arka plan özelliği