Références Webmaster : Feuilles de styles

Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés

Propriétés des polices



Avec les feuilles de styles en cascade, il est possible de définir les polices utilisées de façon beaucoup plus précise qu'avec les balises et attributs du langage HTML 4.0. Dans la spécification CSS1, la police est supposée être résidente sur le système du client et d'autres caractéristiques lui sont appliquées par l'intermédiaire des propriétés. Les propriétés proposées avec CSS2 développent ces possibilités en autorisant les auteurs à décrire effectivement les polices désirées et en élargissant la possibilité pour les navigateurs de sélectionner des polices quand la police spécifiée par l'auteur n'est pas disponible.

font | font-family | font-size | font-size-adjust | font-stretch | font-style | font-variant | font-weight

font

Définit les six propriétés font-style, font-variant, font-weight, font-size, line-height, et font-family à la fois.

Valeur CSS1 [['font-style' || 'font-variant' || 'font-weight']? 'font-size' [/'line-height']? font-family
Valeur CSS2 caption | icon | menu | message-box | small-caption | status-bar | inherit
Valeur initiale Voir chaque propriété individuellement.
Appliqué à Tous les éléments.
Hérité Oui.
Notes Les pourcentages sont autorisés avec font-size et line-height. Pour conserver une compatibilité ascendante, définissez font-stretch et font-size-adjust via leurs propriétés individuelles respectives.

font-family

Définit une liste de noms de familles de polices et de noms de familles génériques.

Valeur CSS1 [[<family-name> | <generic-familly> [,]* [<family-name> | <generic-familly>]
Valeur CSS2 inherit
Valeur initiale Dépend du navigateur.
Appliqué à Tous les éléments.
Hérité Oui.
Notes <family-name> affiche la famille de polices choisie ( Arial, Helvetica, ou Bookman, par exemple). <generic-family> attribue un des cinq noms de famille générique : serif, sans-serif, cursive, fantasy, ou monospace.

font-size

Définit la taille de la police.

Valeur CSS1 <absolute-size> | <relative-size> | <length> | <percentage>
Valeur CSS2 inherit
Valeur initiale medium
Appliqué à Tous les éléments.
Hérité La valeur calculée est héritée.
Notes On peut définir un pourcentage par rapport à la taille de police de l'élément parent.

font-size-adjust

Les auteurs ont la possibilité de spécifier une valeur-z pour un élément préservant la hauteur-x de la première police de substitution choisie.

Valeur CSS2 <number> | none | inherit
Valeur initiale none
Appliqué à Tous les éléments.
Hérité Oui.
Notes On peut définir un pourcentage par rapport à la taille de police de l'élément parent.

font-stretch

Sélectionne la version normale, condensée ou étendue dans une famille de polices.

Valeur CSS2 normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
Valeur initiale normal
Appliqué à Tous les éléments.
Hérité Oui.

font-style

Sélectionne la version normale (romain ou droit), italique, et oblique dans une famille de police.

Valeur CSS1 normal | italic | oblique
Valeur CSS2 inherit
Valeur initiale normal
Appliqué à Tous les éléments.
Hérité Oui.

font-variant

Affichage normal ou en petites capitales.

Valeur CSS1 normal | small-caps
Valeur CSS2 inherit
Valeur initiale normal
Appliqué à Tous les éléments.
Hérité Oui.

font-weight

La "densité" (plus ou moins gras) de la police.

Valeur CSS1 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Valeur CSS2 inherit
Valeur initiale normal
Appliqué à Tous les éléments.
Hérité Oui.
Notes Les valeurs 100 à 900 forment une séquence ordonnée. Chaque nombre indique une densité au moins équivalente à la valeur précédente. La densité d'une police normale est de 400, alors que la densité des caractères gras est de 700.



Bloc | Arrière-plan et couleurs | Encadrements | Polices | Listes | Textes | Effets visuels | Effets sonores | Contenu généré/numérotation automatique | Pagination | Table | Interface utilisateur | Toutes les propriétés