Cascading Style Sheets/Appendices/Properties/background-image
Functie
bewerkenHiermee 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
bewerkenDe 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
bewerkenCSS-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;
}
Wordt gebruikt bij
bewerkenGelijkaardige properties
bewerkenMeer informatie
bewerken