Vos résultats de recherche

    font-weight

    Résumé

    La propriété CSS font-weight définit la graisse de la police.

    • Valeur initiale normal
    • S'applique à tous les éléments
    • Héritée oui
    • Pourcentages
    • Média visual
    • Valeur calculée the keyword or the numerical value as specified, with bolder and lighter transformed to the real value
    • Animable oui, comme une graisse de police
    • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    Syntaxe formelle : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    font-weight: normal
    font-weight: bold
    
    font-weight: lighter
    font-weight: bolder
    
    font-weight: 100
    font-weight: 200
    font-weight: 300
    font-weight: 400
    font-weight: 500
    font-weight: 600
    font-weight: 700
    font-weight: 800
    font-weight: 900
    
    font-weight: inherit

    Valeurs

    normal
    Poids normal de la police. Équivalent à 400.
    bold
    Police grasse. Équivalent à 700.
    lighter
    Définit une police moins grasse celle de l'élément parent (parmi les graisses disponibles de la police).
    bolder
    Définit une police plus grasse celle de l'élément parent (parmi les graisses disponibles de la police).
    100, 200, 300, 400, 500, 600, 700, 800, 900 
    Valeurs numériques de graisse de police, qui fournissent une série plus complète de valeurs que normal et bold. Si la graisse exacte donnée n'est pas disponible, alors 600-900 utilise la graisse lourde la plus proche disponible (ou, s'il n'y en a pas, la graisse légère disponible la plus proche), et 100-500 utilise la graisse légère la plus proche disponible (ou, s'il n'y en a pas, la graisse lourde disponible la plus proche). Cela signifie que les polices qui fournissent uniquement les graisses normal et bold, 100-500 sont équivalents à normal et 600-900 équivalents à bold.

    Interpolation

    Une valeur font-weight est interpolée via des étapes discrètes (multiple de 100). L'interpolation a lieu dans un espace de nombres réels et est convertis en un entier arroundi au plus proche multiple de 100, avec les valeurs à mis chemin entre les multiples de 100, arrondies vers l'infini positif.

    Exemples

    Voir l'exemple sur une page

    /* Définit un texte gras bold pour un paragraphe. */
    p {font-weight: bold}
    
    /* Définit le texte des h1 (en-tête de niveau 1) un peu plus gras que le
       texte normal, mais un peu moins que la valeur standard bold. */
    h1 {font-weight: 500}
    
    /* Définit le texte compris entre des balises span comme moins gras que son parent. */
    span {font-weight: lighter}
    

    Spécifications

    Spécification Statut Commentaire
    CSS Fonts Module Level 3 Candidate Recommendation Aucun changement.
    CSS Transitions Working Draft Défini font-weight comme animable.
    CSS Level 2 (Revision 1) Recommendation Aucun changement.
    CSS Level 1 Recommendation  

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support basique 2.0 1.0 (1.7 ou moins) 3.0 3.5 1.3
    Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support basique 1.0 1.0 (1.0) 6.0 6.0 3.1

    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

    Contributeurs ayant participé à cette page : tregagnon, Fredchat, teoli, Mgjbot, FredB, Kyodev
    Dernière mise à jour par : teoli,
    Masquer la barre latérale