Background-Image

Het begrip background-image geeft aan of er een achtergrondafbeelding moet worden weergegeven en zo ja welke.

Toepassen op:	Alles
Beginwaarde:	none
Waarden:	[url], none, inherit

Het herhalen en het positioneren van de achtergrondafbeelding kan met de begrippen background-repeat en met background-position. De achtergrondafbeelding zal ook door bovenliggende elementen schijnen en daardoor kan het voorkomen dat tekst niet goed leesbaar is, om dit te voorkomen kan je een background-color instellen bij het bovenliggende element.

Voorbeeld:

background-image: url("../image/zee.gif");

[url]

Om een achtergrondafbeelding in te stellen moet je het pad naar de afbeelding aanwijzen. dit moet met het woord url en vervolgens tussen haakjes het pad er naar toe. In een extern stylesheet hoeven er niet persé aanhalings tekens omheen maar als de style is aangegeven in de pagina dan wel.

Het pad van de url is relatief gezien aan de plek waar het stylesheet staat, wat ook mag is het volledige pad te noteren inclusief http:// .

none

De standaard waarden, geen achtergrond plaatje.

inherit

De waarde van het boven liggende element wordt aangehouden.