Skip to main content

Visit Mozilla.org

CSS:font

Un article de MDC.

« Référence CSS

[modifier] Résumé

La propriété font est un raccourci pour la définition de font-style, font-variant, font-weight, font-size, line-height et font-family dans une seule règle dans la feuille de style.

[modifier] Syntaxe 

font: [ <font-style> || <font-variant> || <font-weight> ]? <font-size> 
      [ / <line-height> ]? <font-family>

font: caption | icon | menu | message-box | small-caption | status-bar |
      -moz-window | -moz-document | -moz-workspace | -moz-desktop | -moz-info |
      -moz-dialog | -moz-button | -moz-pull-down-menu | -moz-list | -moz-field

font: inherit

[modifier] Valeurs

L'utilisation de la propriété raccourcie font définit les propriétés individuelles telles que spécifiées, et définit les autres à leurs valeurs initiales.

Voir font-style, font-variant, font-weight, font-size, et font-family pour connaître les valeurs autorisées de chaque propriété.

Les fontes du système peuvent également être spécifiées à l'aide de la propriété font, à la place des définitions des propriétés individuelles :

caption 
La fonte utilisée pour les légendes des contrôles (par exemple: les boutons, les déroulements, etc).
icon 
La fonte utilisée pour les étiquettes des icônes.
menu 
La fonte utilisée dans les menus (par exemple: les menus déroulant et les listes de menu).
message-box 
La fonte utilisée pour les boîtes de dialogues.
small-caption 
La fonte utilisée pour les étiquettes des petits contrôles.
status-bar 
La fonte utilisée dans la barre d'état de la fenêtre.
-moz-window 
-moz-document 
-moz-workspace 
-moz-desktop 
-moz-info 
-moz-dialog 
-moz-button 
-moz-pull-down-menu 
-moz-list 
-moz-field 

[modifier] Exemples

Voir des exemples en ligne (en) 

/* Définit la taille de la fonte à 12pt, la hauteur de ligne à 14pt et
   la famille de fonte à sans-sérif */
p { font: 12pt/14pt sans-serif }

/* Définit la taille de la fonte à 80% de celle de l'élément parent ou de la taille par défaut
   s'il n'y a pas de parent et définit la famille de fonte à sans-sérif */
p { font: 80% sans-serif }

/* Définit le poids de la fonte à gras, le style de fonte à italique, la taille de
   la fonte à grande, et la famille de fonte à sérif. */
p { font: bold italic large serif }

[modifier] Notes

Les composantes font-size et font-family de la propriété raccourcie sont obligatoires. Oublier l'une d'elles est une erreur de syntaxe, et entraînera l'omission de la règle entière.

Les propriétés pour lesquelles aucune valeur n'est spécifiée sont définies à leur valeur initiale, qui est normal pour toutes les propriétés pouvant être omises : (font-style, font-variant, font-weight et line-height).

La propriété font-size-adjust est également définie à sa valeur initiale (none) lorsque la propriété raccourci font est spécifiée.

[modifier] Spécifications

[modifier] Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 3
Netscape 4
Opera 3.5

[modifier] Voir également

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, line-height

Récupérée de « http://developer.mozilla.org/fr/docs/CSS:font »