Attibut de style et les valeurs possibles

Dimensions

3 dimention relative font-sizes: em, ex , px. 1px = 1pt

  • in (inches; 1in=2.54cm)
  • cm (centimeters; 1cm=10mm)
  • mm (millimeters)
  • pt (points; 1pt=1/72in)
  • pc (picas; 1pc=12pt)

Atttribut

Utilisable pour définir les style de : h1,h2,h3,h4,h5,p,div etc…

  • 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, %)