Cascading Style Sheets/Appendices/Properties/background-image

CSS

CSS toepassen
  1. Inline CSS
  2. Embedded CSS
  3. Linked CSS
Opmaak
  1. Tekstopmaak
  2. Alineaopmaak
  3. Kleur
  4. Borders
  5. Nieuw in CSS3
Appendices
  1. Properties
  2. Zie ook

Functie

bewerken

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.

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

bewerken

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;
         }

Wordt gebruikt bij

bewerken

Gelijkaardige properties

bewerken

Meer informatie

bewerken

 

Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.