CSS background-image Property

Definitie en gebruik

background-image De eigenschap stelt een achtergrondafbeelding in voor het element.

De achtergrond van het element beslaat de volledige maat van het element, inclusief inbeslagneming en rand, maar niet het marge.

Standaard staat de achtergrondafbeelding aan de linkerkant van het element, en wordt horizontaal en verticaal herhaald.

Tip:Stel een achtergrondkleur in die beschikbaar is, zodat de pagina een goed visueel effect krijgt, zelfs als de achtergrondafbeelding niet beschikbaar is.

Uitleg

De background-image eigenschap stelt een afbeelding in in de achtergrond van het element.

Op basis van background-repeat waarde van de eigenschap, de afbeelding kan oneindig worden getapet, langs een as (x-as of y-as) worden getapet, of helemaal niet worden getapet.

De oorspronkelijke achtergrondafbeelding (oorspronkelijke afbeelding) volgt background-position Plaatsing van de waarde van de eigenschap.

Zie ook:

CSS Handleiding:CSS achtergrondenCSS Achtergrond (geavanceerd)enCSS verloop

HTML DOM Referentiemanual:backgroundImage eigenschap

Voorbeeld

Stel de afbeelding in als achtergrond van de pagina:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Probeer het zelf

CSS Syntax

background-image: url|none|initial|inherit;

Eigenschapswaarde

Eigenschapswaarde

Waarde Beschrijving
url('URL) Pad naar het beeld.
geen Standaardwaarde. Toont geen achtergrondafbeelding.
inherit Stelt dat de instelling van de background-image eigenschap van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS1
JavaScript Syntax: object.style.backgroundImage="url(stars.gif)"

Browserondersteuning

Tabelnummers geven de eerste browserversie aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5