Stil mit {stil}

Aug 2008

background-repeat • Wiederholung des Hintergrundbilds

Per Voreinstellung werden Hintergrundbild über die gesamte Fläche des Elements wagerecht und senkrecht wiederholt.

Die CSS-Eigenschaft background-repeat legt fest, ob und in welche Richtung das Hintergundbild wiederholt werden soll: horizontal oder vertikal oder über die gesamte Fläche des HTML-Elements.

body { background: url(citrus.gif) 0 10% repeat-x; }

• color
• background-attachment
• background-color
• background-image
• background-position
• [ background-repeat ]
• background

background-repeat

IE4+ N4+ M1 O5+ S1 CSS1 Erblich: Nein

background-repeat

wiederholt das Hintergrundbild entlang der vertikalen und/oder horizontalen Achse. Die Wiederholung des Bildes wird auch als »kacheln« oder »tiling« bezeichnet.

Werte

repeat | repeat-x | repeat-y | no-repeat

repeat

wiederholt das Hintergrundbild sowohl in horizontaler als auch in vertikaler Richtung.

repeat-x

wiederholt das Hintergrundbild in horizontaler Richtung (entlang der X-Achse).

repeat-y

wiederholt das Hintergrundbild in vertikaler Richtung (entlang der Y-Achse).

no-repeat

ist die Vorgabe – das Bild wird nicht gekachelt. Die Angabe von no-repeat kann dazu dienen, alle vorangegangenen Deklarationen auszuschalten.

zurück zum Seitenanfang