CSS:Couleurs et arrière-plans
Un article de WikiTuto.
Sommaire |
[modifier]
color
couleur du texte ; on peut utiliser :
- rrggbb où r, g et b sont des chiffres héxadécimaux (entre 0 et F), et où rr, gg et bb (qui sont donc des nombres héxdécimaux, compris en 00 et FF, c'est-à-dire entre 0 et 255 en décimal) représentent respectivement la quantité de rouge, vert et bleu.
- rgb qui est la même chose que ci-dessus, mais avec les 2 chiffres de chaque couleur identiques (par exemple #4C0 correspond à #44CC00) ;
- rgb(x,y,z) où x, y et z sont des entiers entre 0 et 255 ;
- rgb(x%,y%,z%) où x, y et z sont des nombres compris entre 0.0 and 100.0 ;
[modifier]
background-color
couleur du fond ; comme la couleur du texte ci-dessus ;
[modifier]
background-image
image de fond ; on peut utiliser none ou url(nom de fichier image) ;
[modifier]
background-repeat
mode de réplication de l'image de fond ; repeat (réplication sur toute la fenêtre) , repeat-x (réplication horizontale seulement), repeat-y (réplication verticale seulement), no-repeat (aucune réplication) :
[modifier]
background-attachement
défilement ou non de l'image de fond ; les valeurs autorisées sont scroll (défilement) et fixed(pas de défilement) ;
[modifier]
background-position
positon de l'image de fond ; les valeurs autorisées sont ;
- un ou deux pourcentage (de la taille de l'élément concerné) ou longueur exprimée dans les unités de la section intitulée « Unités de mesure » ; cela pourra donner « 10% 3em » ou « 5cm 20% » ou « 25px » ou « 15% » ; quand les deux valeurs sont données, la première représente le décalage horizontal, la deuxième représente le décalage vertical ; quand un seul nombre est présent, il représente le décalage horizontal et le décalage vertical est considéré comme étant de 50% ;
- un ou aucun mot choisi parmi chacun des deux groupes suivants :
- top, center, bottom pour le positionnement vertical ;
- left, center, right pour le positionnement horizontal ;
ces mots sont interprétés ainsi :
- top left = left top = 0% 0%
- top = top center = center top = 50% 0%
- right top = top right = 100% 0%
- left = left center = center left = 0% 50%
- center = center center = 50% 50%
- right = right center = center right = 100% 50%
- bottom left = left bottom = 0% 100%
- bottom = bottom center = center bottom = 50% 100%
- bottom right = right bottom = 100% 100%
[modifier]
Source
Dominique Gonzalez
[modifier]



