Referenz:CSS/Eigenschaften/background-repeat

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft background-repeat CSS 3.0 CSS 1.0
Beschreibung bestimmt, wie mit Hintergrundbildern verfahren werden soll, falls das Element größer als ein Hintergrundbild ist.
erlaubte Werte
  • repeat = wiederholen (Voreinstellung)
  • repeat-x = nur "eine Zeile lang" waagerecht wiederholen
  • repeat-y = nur "eine Spalte lang" senkrecht wiederholen
  • no-repeat = nicht wiederholen, nur als Einzelbild anzeigen
  • CSS 3.0
  • IE 9
  • Leer
  • Leer
  • Opera
  • Leer
  • space, es werden soviele Hintergrundbilder wiederholt, wie in der entsprechenden Richtung in das Element hineinpassen ohne das Bild zu beschneiden, ggf. werden die Abstände zwischen den Wiederholungen vergrößert
  • round, ebenso, ggf. wird das Hintergrundbild skaliert
  • inherit Eigenschaft des Elternelements
default-Wert

repeat

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Spezifikation W3c logo klein.gif background-repeat
Beispiel
body {
  background-image: url(...);
  background-repeat: no-repeat;
}

Das Hintergundbild wird nur einmal angezeigt; nicht gefüllte Flächen bleiben transparent

Beachten Sie
Tipp

{{{Tipp}}}