Les attributs de style
Famille | Description | ||
---|---|---|---|
Attribut | Description | ||
Valeur | Description ou exemple | ||
BackGround | |||
-Attachment | Détermine si l'image de fond se déplace avec le document | ||
Fixed | Elle reste fixée, ne se déplace pas | ||
-Color | Détermine la couleur d'arrière-plan | ||
Nom de la couleur | Red | ||
Valeur hexadécimale | #ffaa99 | ||
-Image | Détermine l'image de fond de l'élément | ||
url(Chemin relatif) | url(../rep/img.jpg) | ||
url(Chemin absolu) | url(http:// sakartone.free.fr/ repertoire/img.jpg) | ||
-Position | Détermine la position de l'image de base pour le fond, la 1ère valeur déterminant l'alignement vertical et la 2de l'alignement horizontal | ||
Top (en haut) Center ou Bottom (en bas) + Left Center ou Right | Bottom Right | ||
Position exacte de l'image de base : x y (en pixels) | 200 15 | ||
-Repeat | Détermine si l'image de fond se répète | ||
No-Repeat | Elle ne se répète pas | ||
Repeat-X | Elle se répète horizontalement seulement | ||
Repeat-Y | Elle se répète verticalement seulement | ||
Border | |||
-Color | Couleur de bordure | ||
Nom de la couleur | Red | ||
Valeur hexadécimale | #ffaa99 | ||
-Width | Taille de la bordure | ||
Nombre en pixels | 3 | ||
Color | Détermine la couleur du texte | ||
Nom de la couleur | Red | ||
Valeur hexadécimale | #ffaa99 | ||
Cursor | Détermine le type du pointeur utilisé | ||
CrossHair | Détermine le pointeur correspondant à l'évènement Précision de la sélection | ||
Font | |||
-Family | Détermine les polices (s'il n'y a pas la 1ère, le navigateur prend la 2ème, la 3ème, etc.) | ||
Noms de polices séparés par une virgule | Comix, Sans-Serif | ||
-Size | Détermine la taille du texte | ||
Nb en pixels | 12px | ||
-Style | Détermine la forme de caractères | ||
Normal | Non italique | ||
Italic ou Oblique | En italique | ||
-Weight | Détermine la grosseur de caractères | ||
Normal | Non gras | ||
Bold | En gras | ||
Height | Détermine la hauteur de l'élément | ||
Nb en pixels | 50 | ||
Margin | |||
-Left | Détermine la marge à gauche de l'élément | ||
Nb en pixels | 10 | ||
-Right | Détermine la marge à droite de l'élément | ||
Nb en pixels | 10 | ||
Text | |||
-Align | Détermine l'alignement horizontal de l'élément | ||
Left | A gauche | ||
Center | Centré | ||
Right | A droite | ||
Justify | Justifié | ||
-Decoration | Détermine le trait de soulignement | ||
None | Aucun | ||
Underline | Souligné | ||
Overline | Surligné | ||
Overline Underline | Souligné et surligné | ||
Line-Through | Barré | ||
-Indent | Indentation de première ligne | ||
Nb en pixels | 30 | ||
-Transform | Transformation du texte | ||
Capitalize | Toutes les initiales en majuscules | ||
UpperCase | Texte en majuscules | ||
LowerCase | Texte en minuscules | ||
Vertical | |||
-Align | Alignement vertical | ||
Top | En haut | ||
Middle | Au milieu | ||
Bottom | En bas | ||
Visibility | Détermine si l'objet est visible ou pas | ||
Hidden | L'objet est caché | ||
Visible | L'objet est visible | ||
Width | Détermine la largeur de l'élément | ||
Nb en pixels | 150 |