CSS:Couleurs et arrière-plans

Un article de WikiTuto.

Jump to: navigation, search

Sommaire

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 ;

background-color

couleur du fond ; comme la couleur du texte ci-dessus ;

background-image

image de fond ; on peut utiliser none ou url(nom de fichier image) ;

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) :

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) ;

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%

Source

Dominique Gonzalez

Voir aussi

Boîte à outils
Annuaire gratuitCe site est listé dans la catégorie Informatique : Aide et astuces en informatique Annuaire