Propriété CSS font-size

La propriété font-size est utilisée pour définir la taille de police du texte.

La taille de police peut être définie des façons suivants:

absolute-size
relative-size
length
percentage

La taille de police absolue (absolute-size) comprend les valeurs suivantes:

xx-small
x-small
small
small
x-large
xx-large

La taille de police rélative (relative-font-size) comprend les valeurs suivantes:

smaller
larger

Length comprend les longueurs rélatives (em, ex, px) et les longueurs absolues (in, cm, mm, pt, pc). Percentage spécifie une taille de police absolue rélative à la taille de police de l'élément parent.

Valeur initiale	medium
Appliquée à	Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée	Oui.
Animable	Oui.
Version	CSS1
Syntaxe DOM	object.style.fontSize = "15px";

Syntaxe

font-size: medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      h1 { font-size: 24pt; }
      h3 { font-size: 26px; }
      p { font-size: 1em; }
      a { font-size: 100%; }
      span { font-size: x-small; }
    </style>
  </head>
  <body>
    <span>Ce span est écrit avec la valeur x-small.</span> 
    <p>Ce paragraphe est écrit avec 1em font-size.</p>
    <a href="https://fr.w3docs.com/">Ce hyperlien est écrit avec 100% font-size.</a>
    <h3>Nous avons utilisée la taille de police x-small pour ce titre.</h3>
    <h1>Nous avons définie la taille de police à 24pt  pour ce titre.</h1>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
medium	Définit la taille de police à moyenne. C'est la valeur initiale de cette propriété.
xx-small	Définit la taille de police à xx-small.
x-small	Définit la taille de police à x-small.
small	Définit la taille de police à petite.
large	Définit la taille de police à grande.
x-large	Définit la taille de police à x-large.
xx-large	Définit la taille de police à xx-large.
smaller	Réduit la taille de police.
larger	Augmente la taille de police.
length	Spécifie la taille de police par px, em etc.
%	Définit la taille de police au pourcent de la taille de police de l'élément parent.
initial	Définit la valeur initiale.
inherit	Hérite la propriété de l'élément parent.