font-size
La propriété font-size permet de définir la taille de fonte utilisée pour le texte. La modification de cette taille peut entraîner la modification de la taille d'autres éléments car elle est utilisée pour calculer les valeurs des longueurs exprimées avec les unités em ou ex.Les valeurs de la propriété font-size peuvent s'exprimer par des valeurs de longueur ou des pourcentages. On peut également utiliser des mots-clés:
| xx-small | font-size: xx-small; est égal à font-size: 1; |
| x-small | font-size: x-small; est égal à font-size: 2; |
| small | font-size: small; est égal à font-size: 3; |
| medium | font-size: medium; est égal à font-size: 4; |
| large | font-size: large; est égal à font-size: 5; |
| x-large | font-size: x-large; est égal à font-size: 6; |
| xx-large | font-size: xx-large; est égal à font-size: 7; | smaller | font-size: smaller; est plus petit que la taille de la police de l'élément parent | larger | font-size: larger; est plus grand que la taille de la police de l'élément parent |
Les valeurs smaller et larger sont des valeurs relatives à la taille de l'élément parent tandis que les sept premières valeurs sont des valeurs absolués.
Lorsque l'on utilise des pourcentages, les valeurs sont proportionnelles à la taille de la police de l'élément parent.
<style>
#pourcent {
font-size: 125%;
}
</style>
<p>
Voici un exemple de <span id="pourcent">pourcentage</span>
</p>
Voici un exemple de pourcentage
Les valeurs relatives le sont par rapport à l'élément parent. Un "em" équivaut à la valeur de la propriété font-size en px ce qui ramène l'unité em à jouer le rôle d'un multiplicateur.