CSS - transformation de texte

La description

La propriété text-transform change la capitalisation du texte dans un élément, ou demande à l'agent utilisateur de laisser la capitalisation «telle quelle».

Valeurs possibles

  • capitalize - La première lettre de chaque mot du texte de l'élément doit être en majuscule.

  • uppercase - Tous les caractères du texte de l'élément doivent être en majuscules (majuscules).

  • lowercase - Tous les caractères du texte de l'élément doivent être en minuscules.

  • none - La capitalisation du texte de l'élément ne doit pas être modifiée.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.textTransform = "uppercase";

Exemple

Voici l'exemple qui montre comment définir les cas d'un texte à l'aide de la propriété text-transform.

<html>
   <head>
   </head>

   <body>
      <p style = "text-transform:capitalize;">
         This will be capitalized
      </p>
      
      <p style = "text-transform:uppercase;">
         This will be in uppercase
      </p>
      
      <p style = "text-transform:lowercase;">
         This will be in lowercase
      </p>
   </body>
</html>

Cela produira le résultat suivant -