CSS - taille de la police

La description

La propriété font-size affecte la taille du texte d'un élément.

Valeurs possibles

  • xx-small - Définit le texte de l'élément à une taille inférieure à celle qui résulte de la valeur x-small.

  • x-small - Définit le texte de l'élément à une taille inférieure à celle qui résulte de la valeur small.

  • small - Définit le texte de l'élément à une taille inférieure à celle qui résulte de la valeur medium.

  • medium - Définit le texte de l'élément à une taille plus petite que celle qui résulte de la valeur grande et plus grande que celle qui résulte de la valeur petite.

  • large - Définit le texte de l'élément à une taille plus grande que celle qui résulte de la valeur medium.

  • x-large - Définit le texte de l'élément à une taille plus grande que celle qui résulte de la valeur large.

  • xx-large - Définit le texte de l'élément à une taille plus grande que celle qui résulte de la valeur x-large.

  • larger - Définit le texte de l'élément pour qu'il soit plus grand que celui de son parent.

  • smaller - Définit le texte de l'élément pour qu'il soit plus petit que celui de son parent.

  • length- Toute valeur de longueur autorisée. Les valeurs de longueur négatives ne sont pas autorisées pour la taille de la police.

  • percentage - Définit la taille du texte de l'élément par rapport à celle de son parent.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.fontSize = "12pt";

Exemple

Voici l'exemple utilisant cette propriété -

<html>
   <head>
   </head>

   <body>
      <p style = "font-size:20px;">
         This font size is 20 pixels
      </p>
      
      <p style = "font-size:small;">
         This font size is small
      </p>
      
      <p style = "font-size:large;">
         This font size is large
      </p>
   </body>
</html>

Cela produira le résultat suivant -