WebPetit

La propriété CSS background-repeat permet de répéter l’image d’arrière plan des balises sur lesquelles elle est appliquée.

Horizontalement et verticalement :

body {
  background-repeat: repeat;
}

Horizontalement :

body {
  background-repeat: repeat-x;
}

Verticalement :

body {
  background-repeat: repeat-y;
}

Pas de répétition :

body {
  background-repeat: no-repeat;
}

Elle permet de répéter ou non une image d’arrière plan, ici elle s’applique au corps de la page HTML :
• La valeur repeat répète l’image à la fois verticalement et horizontalement.
• La valeur repeat-x répète l’image horizontalement.
• La valeur repeat-y répète l’image verticalement.
• La valeur no-repeat n’affiche l’image qu’une seule fois.

#background-repeat-wood {
  background-image: url(http://www.web-petit.com/wp-content/uploads/wood.jpg);
  background-repeat: repeat;
}

<p id="background-repeat-wood">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>

#background-repeat-wood {
  background-image: url(http://www.web-petit.com/wp-content/uploads/wood.jpg);
  background-repeat: repeat-y;
}

<p id="background-repeat-wood">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>

#background-repeat-wood {
  background-image: url(http://www.web-petit.com/wp-content/uploads/wood.jpg);
  background-repeat: repeat-x;
}

<p id="background-repeat-wood">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>

#background-repeat-wood {
  background-image: url(http://www.web-petit.com/wp-content/uploads/wood.jpg);
  background-repeat: no-repeat;
}

<p id="background-repeat-wood">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>