background-repeat
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Ein Hintergrundbild, das mit der Eigenschaft background-image auf einer Seite eingesetzt wird, wird standardmäßig gekachelt dargestellt. Mit der Eigenschaft background-repeat kann dieses Verhalten gesteuert werden.
Vererbt: nein
Siehe auch: background-image, background-position
Werte
repeat, no-repeat, repeat-x oder repeat-y.
Die Werte repeat und no-repeat bewirken beziehungsweise unterbinden eine Kachelung; repeat-x bewirkt lediglich eine horizontale Wiederholung des Hintergrundbildes. Mit repeat-y wird das Bild ausschließlich in vertikaler Folge wiederholt.
Standardwert: repeat
Kompatibilität
CSS-Version: 1
Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer ab Version 4 und Netscape ab Version 4.
Der Internet Explorer 4 für Windows wiederholt das Bild nur rechts und unten (nicht oben oder links). Das Ergebnis ist eine unvollständige Wiederholung, wenn das Hintergrundbild zusätzlich mit background-position rechts oder unterhalb vom Seitenrand positioniert wird.
Beispiel
Folgende Stilregel verwendet background-repeat und background-position, um im Hintergrund eine horizontale Bilderreihe in einer Entfernung von 50 Pixel vom oberen Seitenrand zu erzeugen. Der linke Rand des Hintergrundbildes wird am linken Seitenrand positioniert, um die fehlerhafte Darstellung im Internet Explorer 4 für Windows mit background-position zu vermeiden.
body {
background-repeat: repeat-x;
background-position: 0 50px;
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg