CSS-background-image-Eigenschaft

Definition und Verwendung

background-image Die Eigenschaft legt ein Hintergrundbild für das Element fest.

Der Hintergrund des Elements nimmt die gesamte Größe des Elements ein, einschließlich der Innenabstände und Ränder, aber nicht der Außenabstände.

Standardmäßig befindet sich das Hintergrundbild im linken oberen Ecke des Elements und wird in horizontaler und vertikaler Richtung wiederholt.

Tipp:Stellen Sie eine verfügbare Hintergrundfarbe ein, damit die Seite auch bei nicht verfügbaren Hintergrundbildern ein gutes visuelles Erscheinungsbild hat.

Detaillierte Erklärung

Die background-image-Eigenschaft legt ein Bild im Hintergrund des Elements fest.

basierend auf background-repeat der Wert der Eigenschaft, das Bild kann endlos gestrebt, entlang einer Achse (x-Achse oder y-Achse) gestrebt oder nicht gestrebt werden.

Das ursprüngliche Hintergrundbild basiert auf background-position Platzierung der Werte der Eigenschaft.

Siehe auch:

CSS-Tutorial:CSS Hintergrund,CSS-Hintergrund (fortgeschritten),CSS Verlauf

HTML DOM Referenzhandbuch:backgroundImage-Eigenschaft

Beispiel

Setzen Sie das Bild als Seitenhintergrund:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Versuchen Sie es selbst!

CSS-Syntax

background-image: url|none|initial|inherit;

Eigenschaftswert

Eigenschaftswert

Wert Beschreibung
url('URL) Pfad zur Abbildung.
keine Standardwert. Keine Hintergrundbilder angezeigt.
inherit Es wird vorgeschrieben, dass die Einstellungen der background-image-Eigenschaft vom übergeordneten Element geerbt werden.

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.backgroundImage="url(stars.gif)"

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen beziehen sich auf die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5