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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

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