Cascading Style Sheets/Appendices/Properties/background-image

Functie

Hiermee kun je een afbeelding gebruiken als achtergrond. Het is ook altijd handig om een achtergrondkleur in te stellen voor het geval de afbeelding niet meer beschikbaar is of wanneer de gebruiker de afbeeldingen heeft uitgeschakeld.

Waarde

De waarde van deze property is url(URL), URL moet je wel vervangen met de link naar de afbeelding. De standaardwaarde voor deze property is none en zorgt er dus voor dat er geen afbeelding wordt gebruikt.

Voorbeeld

CSS-code: Voorbeeld van kleuren via namen

body     {
         background-image: url(afbeelding.jpg);
         }

Vanaf CSS3 kunnen meerdere achtergrondafbeeldingen gebruikt worden:

CSS-code: Voorbeeld van meerdere achtergrondfiguren

div#container     {
         background-image: url(afbeelding1.jpg) no-repeat top left, 
                           url(afbeelding2.jpg) repeat-y top right;
         }