CSS - background-position

Die background-position Eigenschaft legt die Startposition eines Hintergrundbildes fest.

Beispiel

div { 
    background-position: center; 
}

Standardmäßig wird ein Hintergrund-Bild in der oberen linken Ecke eines Elements platziert und sowohl vertikal als auch horizontal wiederholt.

Chrome Nein

Firefox Nein

Safari Nein

Opera Nein

Edge Nein

IE Nein

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert	Beschreibung
Länge Länge	Der erste Wert ist die horizontale Position und der zweite Wert ist die vertikale. Die obere linke Ecke ist 0 0. Die Einheiten können Pixel (0px 0px) oder andere CSS-Einheiten sein. Wenn nur einen Wert angeben ist, wird der andere Wert 50% betragen. Man kann % und Positionen mischen.
Prozent Prozent	Der erste Wert ist die horizontale Position und der zweite Wert ist die vertikale. Die obere linke Ecke ist 0% 0%. Die rechte untere Ecke ist 100% 100%. Wenn nur einen Wert angeben ist, wird der andere Wert 50% betragen. Der Standardwert ist: 0% 0%
center bottom	Der Hintergrund wird zentriert unten angezeigt.
center center	Der Hintergrund wird zentriert zentriert angezeigt.
center top	Der Hintergrund wird zentriert oben angezeigt.
left bottom	Der Hintergrund wird links unten angezeigt.
left center	Der Hintergrund wird links zentriert angezeigt.
left top	Der Hintergrund wird links oben angezeigt.
right bottom	Der Hintergrund wird rechts unten angezeigt.
right center	Der Hintergrund wird rechts zentriert angezeigt.
right top	Der Hintergrund wird rechts oben angezeigt.
initial	Setzt diese Eigenschaft auf den Standardwert.
inherit	Erbt diese Eigenschaft von seinem übergeordneten Element.