Referenz:CSS/Eigenschaften/background-size

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft background-size CSS 3.0 CSS 2.1
Beschreibung bestimmt, an welcher Stelle sich die linken oberen Ecken der Hintergrundbilder befinden sollen.
erlaubte Werte
  • auto: übernimmt die Maße der Grafik, keine Skalierung
  • contain: passt unter Beibehaltung des Seitenverhältnisses die größere Seite der Grafik in den Anzeigebereich ein, ergibt eine vollständige Füllung des Anzeigebereiches
  • cover: passt unter Beibehaltung des Seitenverhältnisses die kleinere Seite der Grafik in den Anzeigebereich ein
default-Wert

auto

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja (Zahlenwerte, aber keine Schlüsselwörter)
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif background-size
Beispiel
body {
  background-image: url(...);
  background-size: 50% 100%; 
}
Beachten Sie
Tipp

{{{Tipp}}}