28173 sujets
CSS et mise en forme, CSS3
Tu procèdes de la même manière :
repeat-x:
l'image se répéte sur l'échelle des abscisses (horizontalement).
repeat-y:
l'image se répète sur l'échelle des ordonnées (verticalement).
repeat:
l'image se répète dans toutes les directions (ne rien spécifier comme "background-repeat" équivaut à "background-repeat: repeat;" - sauf erreur).
Tu peux combiner plusieurs éléments dans "background" pour réduire le code :
Quand on laisse "repeat", l'image ne se répète que si elle a de la place dans son bloc ; si on lui attribue un DIV ajusté à sa taille, on ne verra rien (logique) : aussi, dans ce cas de figure, j'imagine que ne rien spécifier pour la répition nous permet d'allèger le code de quelques octets.
Modifié par (24 Mar 2006 - 02:15)
div#conteneurUntel {
background-image: url(adresse_du_fichier/image.extension);
background-repeat: no-repeat|repeat|repeat-x|repeat-y;
background-color: #fff;
}
.classeMachin {
background-image: url(adresse_du_fichier/image.extension);
background-repeat: no-repeat|repeat|repeat-x|repeat-y;
background-color: #fff;
}
body {
background-image: url(adresse_du_fichier/image.extension);
background-repeat: no-repeat|repeat|repeat-x|repeat-y;
background-color: #fff;
}
...
Dans ton cas, je crois que c'est body qui t'intéresse.repeat-x:
l'image se répéte sur l'échelle des abscisses (horizontalement).
repeat-y:
l'image se répète sur l'échelle des ordonnées (verticalement).
repeat:
l'image se répète dans toutes les directions (ne rien spécifier comme "background-repeat" équivaut à "background-repeat: repeat;" - sauf erreur).
Tu peux combiner plusieurs éléments dans "background" pour réduire le code :
div#conteneurUntel {
background: #fff url(adresse_du_fichier/image.extension) no-repeat;
}
Quand on laisse "repeat", l'image ne se répète que si elle a de la place dans son bloc ; si on lui attribue un DIV ajusté à sa taille, on ne verra rien (logique) : aussi, dans ce cas de figure, j'imagine que ne rien spécifier pour la répition nous permet d'allèger le code de quelques octets.
Modifié par (24 Mar 2006 - 02:15)