Référence DHTML
Principales propriétés de texte
| Propriété |
Valeurs |
Description |
| font-family |
Tout les types de police |
Type de police |
| font-size |
xx-small, x-small, small,
medium, large, x-large, xx-large, smaller, larger, longueur (peut-être + ou
– et en pixel (px), pouces (in), centimètre (cm), millimètre (mm),
point (pt) ou picas (pc), pourcentage |
Taille de la police |
| font-style |
normal, italique, oblique |
Style d’écriture |
| font-variant |
normal, small-caps |
Police normale ou police en petites majuscules |
| font-weight |
100,200, 300, 400, 500, 600, 700, 800, or 900, bold, bolder, lighter, (number),
xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller |
Épaisseur du gras |
| font |
Toutes les valeurs ci-haut |
|
| letter-spacing |
normal, 1em, 2em, etc. |
Espace entre les lettres |
| text-align |
left, right, center, justify |
Alignement du texte |
| text-decoration |
none, underline, overline, line-through, blink |
Ajout d’une ligne au texte : Aucune,souligné, surligné, barre ou clignotant. |
| text-shadow |
none, couleur length length length, inherit |
Ajout d’ombrage : Aucun, couleur, hauteur horizontale, verticale et de flou, hérité. |
| text-transform |
none, capitalize, uppercase, lowercase |
Aucun, premier caractère de tous les mots en majuscule, tous les mots en majuscule, tous les mots en minuscule. |
| text-indent |
(length), (percent) |
Longeur du retrait en pixels. |
| word-spacing |
normal, 1em, 2em, etc. |
Distance entre les mots |
Propriété des couleurs et d’arrière plan
| Propriété |
Valeurs |
Description |
| background-attachment |
scroll, fixed |
L’image de fond défile avec la page ou est fixe. |
| background-color |
(color), transparent |
Couleur en code RBG ou transparent |
| background-image |
none, (location) |
Insère une image |
| background-position |
(percent),(length), top, center, bottom, left, center, right |
Positionne l’image. |
| background-repeat |
repeat, repeat-x, repeat-y, no-repeat |
Répète l’image, répète à l’horizontale, répète à la verticale ou aucune répétition. |
| background |
Toutes les valeurs mentionnées ci-dessus. |
Ex.: {background: URL(image.gif) repeat-x scroll center} |
| color |
(color) |
Couleur d’avant-plan en code RGB. |
Propriétés des blocs de texte
| Propriété |
Valeurs |
Description |
| margin-bottom |
length), (percent), auto |
Marge du bas, longueur en pixels, en pourcentage ou automatique. |
| margin-left |
(length),(percent), auto |
Marge de gauche, longueur en pixels, en pourcentage ou automatique. |
| margin-right |
(length),(percent), auto |
Marge de droite, longueur en pixels, en pourcentage ou automatique. |
| margin-top |
(length), (percent), auto |
Marge du haut, longueur en pixels, en pourcentage ou automatique. |
| margin |
Toutes les valeurs mentionnées ci-dessus. |
Ex.:{margin: 4px 3px 3px 4px} |
| padding-bottom |
(length), (percent) |
Distance du bas entre les blocs, longueur en pixels, en pourcentage. |
| padding-left |
(length), (percent) |
Distance de gauche entre les blocs, longueur en pixels, en pourcentage. |
| padding-right |
(length), (percent) |
Distance de droite entre les blocs, longueur en pixels, en pourcentage. |
| padding-top |
length), (percent) |
Distance du haut entre les blocs, longueur en pixels, en pourcentage. |
| padding |
Toutes les valeurs mentionnées ci-dessus |
Ex.:{padding: 4px 3px 3px 4px}
S’il y a seulement une valeur, elle s’applique à tous les côtés. |
| border-bottom-width |
medium, thin, thick, (length) |
Largeur du bas du cadre: médium, mince, épais, largeur en pixels. |
| border-bottom |
Toutes les valeurs de border-top-bottom, border-color et border-style. |
E.:{border-bottom: thick inset #FF0000} |
| border-color |
(color) |
Couleur du cadre en code RGB |
| border-left-width |
medium, thin, thick, (length) |
Largeur du côté gauche du cadre: médium, mince, épais, largeur en
pixels. |
| border-left |
Toutes les valeurs de border-top-left, border-color and border-style. |
Ex.: {border-left: 5 inset #00FF00} |
| border-right-width |
medium, thin, thick, (length) |
Largeur du coté droit du cadre: médium, mince, épais, largeur en pixels. |
| border-right |
Toutes les valeurs de border-right-width, border-color and border-style. |
Ex.:{border-right: thin inset #00EEAA} |
| border-style |
none, dotted, dashed, solid, double, groove, ridge, inset, outset |
Style du cadre. |
| border-top-width |
medium, thin, thick, (length) |
Largeur du haut du cadre: médium, mince, épais, largeur en pixels. |
| border-top |
Toutes les valeurs border-top-width, border-color and border-style . |
Ex.:{border-top: thin inset red} |
| border |
Toutes les valeurs mentionnées ce-dessus. S’applique à tout le cadre. |
Ex.:{border: medium #336597} |
| height |
auto, (length), (percent) |
Hauteur
du bloc de texte, longueur en pixels. |
| width |
auto, (length), (percent) |
Largeur du bloc de texte, longueur en pixels. |
 DOM
|
