Attribut font CSS

Définition et utilisation

La propriété abrégée font configure toutes les propriétés de police dans une seule déclaration.

Remarque :Cette propriété a également une sixième valeur : "line-height", qui permet de définir l'intervalle de ligne.

Explication

Cette propriété abrégée est utilisée pour configurer deux ou plusieurs aspects de la police d'un élément en une seule fois. L'utilisation de mots-clés tels que icon peut configurer l'élément de manière appropriée pour qu'il soit en harmonie avec un aspect de l'environnement informatique de l'utilisateur. Notez que si ces mots-clés ne sont pas utilisés, au moins la taille de la police et la série de polices doivent être spécifiées.

Il est possible de définir les propriétés dans l'ordre suivant :

Il est possible de ne pas définir une valeur, par exemple font:100% verdana; est également autorisé. Les attributs non définis utiliseront leur valeur par défaut.

Voir également :

Tutoriel CSS :Polices CSS

Manuel de référence HTML DOM :Attribut font

Exemple

Définir toutes les propriétés de police dans une seule déclaration :

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Essayez vous-même

Syntaxe CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Valeur de l'attribut

Valeur Description
font-style Définit le style de la police. Voir :font-style valeurs possibles.
font-variant Définit le style de la police. Voir :font-variant valeurs possibles.
font-weight Définit la épaisseur de la police. Voir :font-weight valeurs possibles.
font-size/line-height Définit la taille de la police et la hauteur de ligne. Voir :font-size et line-height valeurs possibles.
font-family Définit la série de polices. Voir :font-family valeurs possibles.
caption Définit la police utilisée par les contrôles de titre (comme les boutons, les listes déroulantes, etc.).
icon Définit la police utilisée par les icônes.
menu Définit la police utilisée par les listes déroulantes.
message-box Définit la police utilisée par les boîtes de dialogue.
small-caption Version de police de l'attribut "caption" en version réduite.
status-bar Définit la police utilisée par la barre d'état de la fenêtre.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : object.style.font="italic small-caps bold 12px arial,sans-serif"

Exemple TIY

Toutes les propriétés de police dans une seule déclaration
Cet exemple montre comment définir les propriétés de police dans une seule déclaration en utilisant des abréviations de propriétés.
Définir la police de paragraphe en utilisant la valeur "caption"
Cet exemple montre comment définir la police de paragraphe en utilisant la valeur "caption".

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5