(ATTENTION : l'éditeur CSS n'est proposé que sous les formules PRIVILEGE et PRO)

Un background en CSS possède trois modes de répétition:

  • pas de répétition: le fond n'apparaît qu'une seule fois;
  • répétition horizontale: le fond se répète de gauche à droite, autant de fois que nécessaire;
  • répétition verticale: le fond se répète du haut vers le bas, autant de fois que nécessaire;
  • répétition totale: le fons se répète autant de fois que possible, sur l'horiontale et la verticale;

Traduction en clés-attributs CSS. Ces codes sont à ajouter dans votre définition de classe (commencent par un point '.') ou dans votre définition de zone (commencent par le dièse '#') :

  • pas de répétition: background-repeat: none;
  • répétition horizontale: background-repeat: repeat-x;
  • répétition verticale: background-repeat: repeat-y;
  • répétition totale: background-repeat: repeat;

Et pour conclure, deux exemples, sûrement les plus fréquents sur les blogs:

  • Fond d'écran pour tout le blog, l'image doit se répéter dans la verticale et dans l'horizontale:

    BODY {BACKGROUND-IMAGE: url(monimage.jpg); BACKGROUND-REPEAT: repeat;}

  • Fond de l'en-tête, l'image doit se répéter sur l'horizontale:

    BODY {BACKGROUND-IMAGE: url(monimage.jpg); BACKGROUND-REPEAT: repeat-x;}