font-sizeNN 4 IE 4 CSS 1

Hérité: oui

Définit la taille de caractères de l'élément. Plusieurs méthodes sont disponibles. Un ensemble de constantes (xx-small, x-small, small, medium, large, x-large, xx-large) permet de définir des tailles dites absolues. En réalité, ces tailles ne sont absolues que pour un navigateur et un système d'exploitation donnés, car leur point de référence varie en fonction de ces derniers (analogue aux anciennes tailles de police HTML de 1 à 7). Elles garantissent toutefois qu'un élément auquel est appliqué l'attribut large sera affiché en caractères plus grands qu'un élément auquel est appliqué l'attribut medium.

Un autre ensemble de constantes (larger, smaller) permet de définir des tailles dites relatives. Du fait que l'attribut font-size est hérité de l'élément parent, ces tailles relatives sont appliquées à l'élément parent pour déterminer la taille de caractères de l'élément actuel. C'est au navigateur de déterminer exactement de combien la taille de police doit être agrandie ou réduite, et cela dépend en grande partie de la façon dont la taille de police de l'élément parent a été définie. Si elle a été définie à l'aide d'un attribut de taille absolue (large, par exemple) et que vous appliquez à l'élément enfant l'attribut larger, les caractères sont affichés dans la taille x-large du navigateur. Les incréments ne sont pas aussi nets lorsque la taille de caractères de l'élément parent est définie sous forme de longueur ou de pourcentage.

Si vous spécifiez une longueur pour l'attribut font-size, choisissez l'unité qui convient le mieux pour les polices affichées sur le périphérique de sortie, par exemple les pixels (px) pour l'affichage écran et les points (pt) ou les cadratins (em) pour la sortie imprimée. Les valeurs de cadratin sont calculées en fonction de la taille de police de l'élément parent. Vous pouvez également définir l'attribut font-size sous forme de pourcentage, lequel sera calculé par rapport à la taille de caractères de l'élément parent.

Certains navigateurs gênent les efforts que vous pouvez déployer pour définir la taille précise des polices, puisqu'ils utilisent leurs propres paramètres (ou ceux de l'utilisateur) pour définir une taille moyenne ( «  medium   »). C'est pourquoi beaucoup de concepteurs choisissent souvent les constantes de taille relative pour leurs spécifications font-size. Ce choix signifie que le concepteur renonce à un certain niveau de contrôle sur l'affichage pour les divers navigateurs et systèmes d'exploitation, mais les tentatives visant à établir un contrôle trop strict pour un affichage uniforme se soldent bien souvent par une intense frustration.

 
Syntaxe CSS
 
font-size: absoluteSize | relativeSize | length | percentage
 
Valeur

Pour une taille de caractères absolue, l'une des constantes suivantes: xx-small | x-small | small | medium | large | x-large | xx-large. Pour une taille relative, l'une des constantes suivantes: larger | smaller. Reportez-vous au début de ce chapitre pour en savoir plus sur les valeurs de longueur (length). Pour un pourcentage, la valeur pourcentage suivie du signe %.

 
Valeur initiale

medium (pour l'élément BODY); la valeur font-size de l'élément parent (pour tous les autres).

 
Exemple
 
body {font-size: 14pt}
p.teeny {font-size: x-small}
em {font-size: larger}
span.larger {font-size: 150%}
 
S'applique à 

Tous les éléments.

 
Référence de modèle d'objet
 
[window.]document.getElementById("elementID").style.fontSize