Les options CSS




  1. Liste des options

  • background : ensemble des options de fond dans l'ordre : background-color, background-image, background-repeat, background-attachment, background-position.
  • background-color : couleur de fond
  • background-image : url d'image du fond
  • background-repeat : valeur possible d'affichage : repeat, repeat-x, repeat-y
  • background-attachment : défini si le texte et l'image de font sont attachés ou non : scroll ou fixed
  • background-position : position du fond grâce à center, left, right, top ou taille (2 valeurs nécessaire : une pour le placement horizontale, l'autre verticale. Dans le cas ou une seule valeur est donnée, c'est l'alignement horizontal qui est pris en compte
  • border-top : style et couleur de la bordure haute (border-style et border-color)
  • border-bottom : style et couleur de la bordure basse (none, dotted, dashed, solid, double, groove, ridge, inset, outset)
  • border-right : style et couleur de la bordure droite (none, dotted, dashed, solid, double, groove, ridge, inset, outset)
  • border-left : style et couleur de la bordure gauche (none, dotted, dashed, solid, double, groove, ridge, inset, outset)
  • border-top-width : largeur de la bordure haute (pt, px, in, cm, %, em)
  • border-bottom-width : largeur de la bordure basse (pt, px, in, cm, %, em)
  • border-right-width : largeur de la bordure droite (pt, px, in, cm, %, em)
  • border-left-width : largeur de la bordure gauche (pt, px, in, cm, %, em)
  • border-width : largeur des quatre bordures (pt, px, in, cm, %, em)
  • border-color : couleur des quatre bordures
  • border-style : style des quatre bordures (none, dotted, dashed, solid, double, groove, ridge, inset, outset)
  • border : propriétés des quatre bordures (border-width, border-style, border-color)
  • color : couleur du texte
  • float : alignement du texte (left, right, none)
  • font : ensemble d'option dans l'ordre : font-style, font-variant, font-weight, font-size, line-height, font-family
  • font-family : nom de police (times, ...) ou type (serif, sans-serif, cursive, fancy, monospace) du texte
  • font-size : taille du texte ou (xx-small, x-small, small, medium, large, x-large, xx-large)
  • font-style : style du texte (italic, normal, oblique)
  • font-variant : style du texte normal ou small-caps (normal ou petite majuscule)
  • font-weight : épaisseur du trait : extra-light, demi-light, light, meduim, extra-bold, demi-bold, bold
  • height : hauteur du texte (pt, px, in, cm, %)
  • letter-spacing : espacement entre les caractères (em)
  • line-height : hauteur de la ligne (pt, px, in, cm, %)
  • list-style type : type de marqueurs pour la liste : disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none
  • list-style-image : url de l'image utilisée comme puce de la liste
  • list-style-position : les deux valeurs sont : inside et outside
  • list-style : regroupement dans l'ordre des type, image et position de list-style
  • margin : regroupement dans l'ordre des marges haute, droite, basse et gauche
  • margin-bottom : taille de la marge basse (pt, px, in, cm, %, em)
  • margin-left : taille de la marge de gauche (pt, px, in, cm, %, em)
  • margin-right : taille de la marge de droite (pt, px, in, cm, %, em)
  • margin-top : taille de la marge haute (pt, px, in, cm, %, em)
  • padding : regroupement dans l'ordre des espacements haut, droit, bas et gauche
  • padding-bottom : taille de l'espacement bas (pt, px, in, cm, %, em)
  • padding-left : taille de l'espacement de gauche (pt, px, in, cm, %, em)
  • padding-right : taille de l'espacement de droite (pt, px, in, cm, %, em)
  • padding-top : taille de l'espacement haut (pt, px, in, cm, %, em)
  • text-indent : taille de l'indentation de la première ligne de texte (pt, px, in, cm, %)
  • text-align : right, left, center
  • text-decoration : none, underline, italic, line-through
  • word-spacing : espacement entre les caractères (em)
  • vertical-align : alignement vertical du texte (baeline, sub, super, text-top, text-bottom, middle, top, bottom)
  • text-transform : casse du texte (capitalize, uppercase, lowercase, none)
  • white-space : traitement des espaces : normal (un seul espace...), pre (respect des espaces et des sauts de ligne), nowrap (saut de ligne avec <BR>)
  • width : largeur du texte (pt, px, in, cm, %)


  2. Liste des balises directement reconnues

Ces balises sont directement reconnus dans les styles en tant que type, c'est à dire que vous pouvez les utiliser telles quelles afin de définir le style.
Par exemple, il est possible de changer le style par défaut de la balise H1 en utilisant le code suivant :

CodeRésultat
H1 {color:red}
La balise H1 est surchargée par la couleur Rouge, c'est-à-dire qu'en plus du style standard de H1 (taille de la police...), elle est en rouge.

Voici la liste des balises concernées :
  • BODY
  • H1, H2, H3, H4, H5, H6 (les titres)
  • a, a:hover, a:visited
  • BlockQuote, Span
  • P, Div
  • Ul, Ol
  • TH, TR, TD





Page modifiée le : 01/10/2024


Valid XHTML 1.0 Transitional