Kategorien
Stylesheets Webentwicklung

How to use CSS background property

Der body erhält ein Hintergrundbild (background ) und eine Farbangabe für den Fall, dass das Hintergrundbild durchscheinend ist oder nicht geladen wird.

CSS Programming Image

Die Eigenschaft background ist die zusammenfassende Eigenschaft von background-image, background-position, background-size, background-repeat, background-attachment, background-origin, background-clip und background-color.

Background-position und background-repeat sind ihrerseits wieder zusammenfassende Eigenschaften, so dass sich mit der background-Eigenschaft 10 Einzelwerte setzen lassen.

Erlaubte Werte:

siehe Einzelwerte Vererbung steuernde Werte

  • inherit,
  • initial,
  • unset,
  • revert

anwendbar auf alle Elemente.

Beispiel:

body {
  background: white url("../bilder/hintergrund.png") 
              repeat-x 
              top center;
}

Der body erhält ein Hintergrundbild und eine Farbangabe für den Fall, dass das Hintergrundbild durchscheinend ist oder nicht geladen wird.
Die Hintergrundgrafik wird oben mittig ausgerichtet und entlang der x-Achse wiederholt.

Von Michael

Diplom-Ingenieur
wohnhaft in München

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert