Stijl backgroundImage Property
Voorbeeld
Stel een achtergrondafbeelding in voor een document:
document.body.style.backgroundImage = "url('img_tree.png')";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Met de eigenschap backgroundImage wordt de achtergrondafbeelding van een element ingesteld of geretourneerd.
Tip: Geef naast de achtergrondafbeelding ook een achtergrondkleur op. De achtergrondkleur wordt gebruikt als de afbeelding niet beschikbaar is.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxis
Retourneer de backgroundImage-eigenschap:
object.style.backgroundImage
Stel de eigenschap backgroundImage in:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | geen |
---|---|
Winstwaarde: | Een tekenreeks, die de achtergrondafbeelding vertegenwoordigt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Stel een achtergrondafbeelding in van een specifiek <div>-element:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Voorbeeld
Retourneer de achtergrondafbeelding van een specifiek <div>-element:
alert(document.getElementById("myDiv").style.backgroundImage);
Voorbeeld
Retourneer de achtergrondafbeelding van een document:
alert(document.body.style.backgroundImage);
Gerelateerde pagina's
CSS-zelfstudie: CSS-achtergrond
CSS3-zelfstudie: CSS3-achtergronden
CSS -referentie: eigenschap achtergrondafbeelding
HTML DOM-referentie: achtergrondeigenschap