CSS:font-size
Un article de MDC.
[modifier] Résumé
La propriété font-size spécifie la taille de police. Celle-ci peut aussi changer la taille de police d'autres éléments, car elle est utilisée pour calculer la valeur des unités de longueur em et ex.
- Valeur initiale : medium
- S'applique à : tous les éléments
- Héritée : oui
- Pourcentages : relatifs à la taille de police de l'élément parent
- Média : visuel
- Valeur calculée : longueur absolue
[modifier] Syntaxe
font-size:xx-small|x-small|small|medium|large|x-large|xx-large
font-size:smaller|larger
font-size:<length> | <percentage> |inherit
[modifier] Valeurs
- xx-small, x-small, small, medium, large, x-large, xx-large
- Un ensemble de mots clefs, de taille absolue, définit par rapport à la taille de police par défaut de l'utilisateur (qui est
medium). Similaire au code de présentation HTML<font size="1">à<font size="7">, où la taille de police par défaut de l'utilisateur est<font size="3">.
- larger, smaller
- Plus grande ou plus petite que la taille de police de l'élément parent, approximativement le ratio utilisé pour séparer les mots clefs de tailles absolues ci-dessus.
- <length>
- Une longueur positive.
- <percentage>
- Un pourcentage positif par rapport à la taille de police de l'élément parent.
Il est préférable d'éviter l'emploi de valeurs n'étant pas relatives à la taille de police par défaut de l'utilisateur, telles que des <lengths> avec des unités autres que em ou ex. Cependant, si de telles valeurs doivent être utilisées, px est préférable aux autres unités car leur signification ne varie pas en fonction des caractéristiques du système d'exploitation (généralement incorrectes) comme la résolution d'écran.
[modifier] Exemples
Voir des exemples en ligne (en)
/* Définit une taille de texte de paragraphe très grande. */
p { font-size: xx-large }
/* Définit le texte de <h1> (en-tête de niveau 1) à 2,5 fois
* la taille du texte du texte qui l'entoure. */
h1 { font-size: 250% }
/* Définit la taille du texte entre des balises <span> à 16px */
span { font-size: 16px; }
[modifier] Notes
Les unités em et ex de la propriété font-size sont relatives à la taille de police de l'élément parent (contrairement aux autres propriétés, qui sont relatives à la taille de police de l'élément [NdT: seule exception à la règle CSS1]}. Cela signifie que les unités em et les pourcentages produisent le même effet pour la propriété font-size.