background-position: Position des Hintergrundbildes
Anzeige Hier werben
background-position
Werte: top, right, bottom, left, center, Prozent, Pixel, em
Standardwert: 0 0
Vererbung: Nein
Kurzschreibweise: background
Anwendbar auf: alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3
Durch die Eigenschaft background-position ist es möglich den Hintergrund an eine beliebige Stelle zu verschieben.
Kurzschreibweise: background
Das Hintergrundbild kann zusammen mit allen anderen Hintergrundeigenschaften durch die zusammenfassende Eigenschaft background gesetzt werden.
Werte
| Wert |
Bedeutung |
Beispiel |
| top, right, bottom, left |
obere Kante, rechte Kante, untere Kante, linke Kante |
background-position: left bottom; |
| center |
mittig |
background-position: center center; |
| Prozent |
Prozentuale Angabe |
background-position: 30% 50%; |
| Pixel |
Pixel Angabe |
background-position: 50px 10px; |
| em |
em |
background-position: 3em 2em; |
top, right, bottom, left
Die unterschiedlichen Angaben für die vier Kanten
center
Die Ausrichtung der Bildes in der Mitte
Hinweis
background-position kann nur in Verbindung von background-repeat verwendet werden
Beispiel
1 2 3 | <div style="background-image: url(/static/wmp_box.png); background-position: center center; background-repeat: no-repeat; width: 150px; height: 150px;">
WebmasterPro.de
</div>
|
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "background-position: Position des Hintergrundbildes" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "background-position: Position des Hintergrundbildes" hier bearbeiten.
-
hat Erfahrungen im Webentwicklungs-Bereich seit mehr als 8 Jahren. Arbeitet als Webentwickler bei einem Verlag in Stuttgart.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.