Style backgroundImage ominaisuus

Määritelmä ja käyttö

backgroundImage Aseta tai palauta elementin taustakuvan ominaisuus.

Vinkki:Lisäksi taustakuvan ohella sinun tulisi määrätä taustaväri. Jos kuva ei ole saatavilla, käytetään taustaväriä.

Katso myös:

HTML-tyyli:background ominaisuus

CSS oppitunti:CSS-tausta

CSS3 oppitunti:CSS3 tausta

CSS viittausopas:background-image ominaisuus

Esimerkki

Esimerkki 1

Aseta dokumentin taustakuvan:

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

Kokeile itse

Esimerkki 2

Aseta tietyn <div> -elementin taustakuvan:

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

Kokeile itse

Esimerkki 3

Palauta tietyn <div> -elementin taustakuvan:

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

Kokeile itse

Esimerkki 4

Palauta dokumentin taustakuvan:

alert(document.body.style.backgroundImage);

Kokeile itse

Syntaksi

Palauta backgroundImage ominaisuus:

object.style.backgroundImage

Aseta backgroundImage ominaisuus:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
url('URL) Kuvatiedoston sijainti.
none Ei taustakuvaa. Oletus.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: none
Palautusarvo: Merkistö, joka ilmaisee taustakuvan.
CSS versio: CSS1

Selaimen tuki

backgroundImage on CSS1 (1996) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tuki Tuki Tuki Tuki Tuki Tuki