Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Vos résultats de recherche

    font

    Résumé

    La propriété CSS 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.

    • Valeur initiale La concaténation des valeurs initiales des propriétés associées :
      • font-style: normal
      • font-variant: normal
      • font-weight: normal
      • font-stretch: normal
      • font-size: medium
      • line-height: normal
      • font-family: dépend de l'agent utilisateur
    • S'applique à tous les éléments
    • Héritée oui
    • Pourcentages les valeurs de ses propriétés auxquelles se rapportent les pourcentages:
      • font-size: se rapporte à la taille de la police de l'élément parent
      • line-height: se rapporte à la taille de la police de l'élément lui-même
    • Média visual
    • Valeur calculée comme chacune des propriétés du raccourci:
      • font-style: comme spécifié
      • font-variant: comme spécifié
      • font-weight: the keyword or the numerical value as specified, with bolder and lighter transformed to the real value
      • font-stretch: comme spécifié
      • font-size: as specified, but with relative lengths converted into absolute lengths
      • line-height: for percentage and length values, the absolute length, otherwise as specified
      • font-family: comme spécifié
    • Animable pour chaque propriété individuelle de la propriété raccourcie :
    • Ordre canonique l'ordre d'apparition dans la grammaire formelle des valeurs

    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
    

    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 
     

    Exemples

    Voir l'exemple sur une page

    /* 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 }
    

    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.

    Spécifications

    Compatibilité des navigateurs

    Navigateur Version minimale
    Internet Explorer 3
    Netscape 4
    Opera 3.5

    Voir également

    font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, @font-face

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: FredB, Fredchat, Kyodev, teoli, Mgjbot
    Dernière mise à jour par : teoli,
    Masquer la barre latérale