Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété background-repeat

Description de la propriété background-repeat.

background-repeat définit comment l'image d'arrière-plan est répétée sur la surface de l'élément.

Pour une présentation générale des arrière-plans, reportez-vous à la page généralités sur les arrière-plans.

Syntaxes pour background-repeat.

  • background-repeat: repeat;

    Valeur par défaut. L'image d'arrière-plan est répétée sur toute la surface de l'élément, sans changement de la taille d'origine de l'image.

  • background-repeat: no-repeat;

    L'image d'arrière-plan n'est affichée qu'une seule fois.

  • background-repeat: repeat-x;

    L'image d'arrière-plan est répétée uniquement dans le sens horizontal.

  • background-repeat: repeat-y;

    L'image d'arrière-plan est répétée uniquement dans le sens vertical.

  • background-repeat: space;

    L'image d'arrière-plan est répétée tant que c'est possible sans la couper. Les images affichées sont réparties sur la surface de l'élément.

  • background-repeat: round;

    L'image d'arrière-plan est répétée tant que c'est possible sans la couper. Les images affichées sont étirées pour couvrir la surface de l'élément.

  • background-repeat: round space;

    Deux valeurs peuvent être indiquées, séparées par un espace. La première correspondant à la répétition dans le sens horizontal, et la deuxième dans le sens vertical.
    Néanmoins cette possibilité d'indiquer deux valeurs n'est utile que pour combiner round et space, chacune des autres valeurs impliquant à elle seule les deux directions.

  • background-repeat: round, repeat, repeat-x;

    Lorsque plusieurs valeurs sont séparées par des virgules, elles s'appliquent à des arrière-plans différents. Voir à ce sujet la page sur les arrière-plans multiples.

  • background-repeat: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

Pour bien visualiser toutes les implications de background-repeat, vous pouvez réduire la largeur de la fenêtre du navigateur et observer comment se comporte l'image d'arrière-plan.

background-repeat :

Compatibilité et prise en charge par les navigateurs.

La plupart des navigateurs traitent correctement la propriété background-repeat et ses différentes valeurs.

Voir aussi...

Arrière-plan - Propriétés.

Arrière-plan - Fonctions.