![]() |
![]() |
![]() |
![]() |
![]() |
| Type | Proprié&té | Valeur | Description |
|---|---|---|---|
| Police | font-family | Police précise (Arial, Times, Verdana ...) Famille (serif, fantasy, monospace) |
Définit un nom de police ou une famille |
| font-style | normal, italic, oblic | Définit le style d'écriture | |
| font-weight | - normal, bold, light, bolder, lighter - valeur numérique |
Définit l'épaisseur de la police | |
| font-size | xx-small, x-small, small, medium, large, x-large,
xx-large taille en points (pt), cm, % |
Définit la taille de la police | |
| font-variant | normale, small-caps | Définit une variante | |
| font | {font: bold italic} | Raccourci permettant de mettre toutes les propriétés | |
| Style | text-align | left, center, right | Définit l'alignement du texte |
| text-indent | en pouces (in), en cm, ou en % | Définit un retrait | |
| text-decoration | blink, underline, line-through, overline ou none (clignotant, souligné, barré, surligné ou aucune) | Définit une décoration | |
| text-transform | uppercase, lowercase, capitalize (majuscule, minuscule, première lettre en minuscules) | Définit la casse du texte | |
| color | "#RRGGBB" | Définit la couleur du texte | |
| word-spacing | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Définit l'espace entre les mots | |
| line-height | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Définit l'interligne | |
| width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Définit la longueur d'un élément de texte ou d'une image | |
| height | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Définit la hauteur d'un élément de texte ou d'une image | |
| white-space | normal, pre, nowrap | Espacement ou blanc | |
| Arrière-plans | background-color | "#RRGGBB" | Définit la couleur du fond |
| background-image | URL | Définit l'image d'arrière-plan | |
| background-repeat | repeat, repeat-x, repeat-y, no-repeat | Définit la façon de répéter l'arrière-plan | |
| background-attachment | scroll, fixed | Spécifie si l'image reste fixe avec les déplacements de l'écran | |
| background-position | - top, center, bottom, left, center ou right - En points (pt), pouces (in), en cm, en pixels (px), ou en % |
Position de l'image par rapport au coin supérieur gauche | |
| background | {background: test.jpg fixed repeat} | Raccourci pour les propriétés d'arrière-plan | |
| Marges | margin-top | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Valeur de la marge supérieure |
| margin-right | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Valeur de la marge de droite | |
| margin-bottom | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Valeur de la marge inférieure | |
| margin-left | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Valeur de la marge de gauche | |
| margin | Raccourci pour les propriétés de marge | ||
| Bordures | border-top-width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Epaisseur du bord supérieur |
| border-right-width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Epaisseur du bord droit | |
| border-bottom-width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Epaisseur du bord inférieur | |
| border-left-width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Epaisseur du bord de gauche | |
| border-width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Raccourci vers les propriétés d'épaisseur de trait | |
| border-color | "#RRGGBB" | Couleur de la bordure | |
| border | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Raccourci vers les propriétés de bordure | |
| padding-top | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Ecartement entre l'élément et le bord supérieur | |
| padding-right | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Ecartement entre l'élément et le bord droit | |
| padding-bottom | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Ecartement entre l'élément et le bord inférieur | |
| padding-left | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Ecartement entre l'élément et le bord gauche | |
| padding | Raccourci vers les propriétés d'écartment | ||
| Listes | list-style-type | disc, circle ou square | Type de puces et de numérotation |
| list-style-image | URL | Permet de remplacer les puces par une image | |
| list-style-position | inside ou outside | Spécifie si les puces sont à l'intérieur ou à l'extérieur du texte | |
| list-style | Raccourci vers les propriétés de liste |