aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS
www.aidenet.com

 

C S S
Feuilles de style
background-repeat-x
image répétée horizontalement
Page - 08c
www.aidenet.com

 background-repeat en css

 

Répétition d'une image horizontalement

Cette propriété "background-repeat" permet de placer une image en fond de page qui va être définie suivant les valeurs adoptées :

repeat
L'image d'arrière-plan se répète à la fois horizontalement et verticalement.

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

* repeat-x

L'image d'arrière-plan ne se répète qu'horizontalement.

repeat-y
L'image d'arrière-plan ne se répète que verticalement.

* dans cette page

 

Horizontalement sur cette page avec repeat-x

 

Code dans HEAD

body { background-image:url("aimages/v216.jpg") ;
background-repeat: repeat-x ;
etc.... }

 

Résultat

Il est sous vos yeux... en haut de page.

 

Remarque

Naturellement vous avez indiqué le chemin d'accès de cette image qui se trouve théoriquement dans votre répertoire local et attention : dans le code n'oubliez pas les guillemets ni les parenthèses et pas d'espace entre "url" et la parenthèse qui suit.

 

 

Sommaire CSS ... @ ... Répétition d'une image verticalement

 

 retour aidenet

Tous droits réservés © 1997- 2005. www. aidenet.com

 

validateur HTML  validateur CSS