Cascading Style Sheets/Appendices/Properties/background-image

Uit Wikibooks
Naar navigatie springen Naar zoeken springen

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.

Waarde[bewerken]

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]

HTML-code: Voorbeeld van kleuren via namen

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

Vanaf CSS3 kunnen meerdere achtergrondafbeeldingen gebruikt worden:

HTML-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 http://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.