attribut FONT
Rôle
L’attribut font permet de définir toutes les propriétés de la police en une seule fois.
Version : CSS1
Héritage (inherit) : oui
Propriété Javascript : element.style.font
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
p{
font: italic bold 1em/1.5em Georgia, serif; /* paragraphe en italic gras interligne 1.5em police 1em */
}
– Le code HTML
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus, numquam reiciendis placeat quasi ducimus facilis quo natus alias fuga vitae debitis tenetur corporis tempore labore obcaecati nam!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus, numquam reiciendis placeat quasi ducimus facilis quo natus alias fuga vitae debitis tenetur corporis tempore labore obcaecati nam!</p>
Résultat
Compatibilité
L’attribut font est pris en charge par tous les principaux navigateurs
Valeurs
Les propriétés qui peuvent être définies doivent respecter cet ordre :
font-style — font-variant — font-weight — font-size/line-height — font-family
Deux valeurs sont nécessaires : font-size et font-family. Si les autres valeurs sont manquantes, les valeurs par défaut seront insérées, le cas échéant.
Les différentes valeurs de l’attribut font sont:
- font-style
- Voir font-style pour en savoir plus
- font-variant
- Voir font-variant pour en savoir plus
- font-weight
- Voir font-weight pour en savoir plus
- font-size/line-height
- Voir font-size et line-height pour en savoir plus
- font-family
- Voir font-family pour en savoir plus
- initial
- La police est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut ignorer la police imposée par son élément parent.
Syntaxe :
font : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
font : inherit
A voir aussi
font-family– font-size– font-style– font-variant– font-weight– font-face
