Sie befinden sich hier: » CSS Angaben » Hintergrund & Farben » background-repeat

 Hintergrund wiederholen :: background-repeat

Die Angabe background-repeat left fest ob sich ein Hintergrundbild wiederholen darf, also als gekachelter Hintergrund, und wenn ja wie.

<p style="background-image: url('img/g3242.png'); background-repeat: repeat-x">
  Dieser Absatz hat ein Hintergrundbild.<br />
  Das Hintergrundbild wird dabei waagerecht wiederholt<br /><br />
</p>
<br /><br />
<p style="background-image: url('img/g3242.png'); background-repeat: repeat-y">
  Dieser Absatz hat auch ein Hintergrundbild.<br />
  Diesmal wird das Hintergrundbild nur senkrecht wiederholt.<br /><br />
  <br /><br /><br /><br /><br /><br /><br />
</p>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

Dieser Absatz hat ein Hintergrundbild.
Das Hintergrundbild wird dabei waagerecht wiederholt
 



Dieser Absatz hat auch ein Hintergrundbild.
Diesmal wird das Hintergrundbild nur senkrecht wiederholt.







 

background-repeat Definition

CSS Version CSS 1
Startwert repeat
Vererbar nein
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
  • repeat - waagerecht und senkrecht wiederholen - gekachelte Darstellung
  • repeat-x - nur waagerecht wiederholen
  • repeat-y - nur senkrecht wiederholen
  • no-repeat - keine Wiederholung des Hintergrundbildes
  • inherit
Anmerkungen

Browserunterstützung von background-repeat

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4+ 1+ 0.8+ 1+ 3.5+ 2
repeat J J J J J J J J
repeat-x J J J J J J J J
repeat-y J J J J J J J J
no-repeat J J J J J J J J
letzte Änderung: 06.04.2011