Médiaforma

Ne pas répéter l’image d’arrière-plan

Print Friendly

Dans certains cas, vous souhaiterez répéter l’image d’arrière-plan horizontalement, mais pas verticalement, verticalement mais pas horizontalement ou encore ne pas la répéter du tout. Pour arriver à cela, vous devez ajouter l’attribut style dans la balise <body> et utiliser la propriété CSS background-repeat. La syntaxe à utiliser est la suivante :

<body background="image.jpg" style="background-repeat:style;">

style représente la valeur affectée à la propriété background-repeat. Vous pouvez choisir :

  • repeat pour répéter l’image horizontalement et verticalement. Etant donné que l’attribut background produit cet effet par défaut, cette valeur n’est jamais utilisée.
  • repeat-x pour répéter l’image horizontalement mais pas verticalement.
  • repeat-y pour répéter l’image verticalement mais pas horizontalement.
  • no-repeat pour ne pas répéter l’image.

Voyons l’effet des trois dernières valeurs. Comme vous pouvez le constater, repeat-x répète l’image horizontalement mais pas verticalement, repeat-y répète l’image verticalement mais pas horizontalement et no-repeat ne répète pas l’image.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply