En son web geliştirme öğreticiler
 

Style backgroundImage Property

<Stil Nesne

Örnek

Bir belge için bir arka plan resmi ayarlayın:

document.body.style.backgroundImage = "url('img_tree.png')";
Kendin dene "

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


Tanımı ve Kullanımı

backgroundImage özelliği, ayarlar veya bir öğenin arka plan görüntüsünü verir.

Tip: background-görüntüye ek olarak ayrıca bir arka plan-rengini belirtmek gerekir. görüntü mevcut değilse background-color kullanılacaktır.


Tarayıcı Desteği

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

özellik
backgroundImage 1.0 4.0 1.0 1.0 3.5

Sözdizimi

backgroundImage özelliğini Dönüş:

object .style.backgroundImage

backgroundImage özelliğini ayarlayın:

object .style.backgroundImage="url(' Mülkiyet Değerler
değer Açıklama
url( 'URL' ) görüntü dosyasının konumu
none Arka plan resmi yok. Bu varsayılan
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: Yok
Geri dönüş değeri: arka plan görüntüsünü temsil eden bir String,
CSS Sürüm BB1

Diğer Örnekler

Örnek

Belirli bir arka plan resmi olarak ayarlayın <div> elemanı:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Kendin dene "

Örnek

Belirli bir arka plan görüntüsünü Return <div> elemanı:

alert(document.getElementById("myDiv").style.backgroundImage);
Kendin dene "

Örnek

Bir belgenin arka plan resmi Dönüş:

alert(document.body.style.backgroundImage);
Kendin dene "

İlgili Sayfalar

CSS öğretici: CSS Arkaplan

CSS3 öğretici: CSS3 Arka Plan

CSS referansı: background-image property

HTML DOM referansı: background property


<Stil Nesne