Transformer le texte en majuscule en HTML

Cet article présentera comment transformer le texte en majuscule en HTML.

Utilisez la propriété CSS text-transform pour transformer le texte en majuscules en HTML

La mise en majuscules des textes n’a jamais été aussi simple avec la propriété CSS text-transform. La propriété a plusieurs valeurs qui effectuent des variétés de capitalisation sur les textes.

Nous pouvons utiliser la valeur uppercase pour la propriété text-transform pour créer des caractères majuscules dans un texte. De même, la valeur lowercase rend les caractères minuscules.

En utilisant l’option capitalize, nous pouvons également mettre en majuscule uniquement le premier caractère d’un texte.

Par exemple, créez une balise <p> et écrivez des textes à l’intérieur du paragraphe. Assurez-vous d’écrire le texte en minuscules.

En CSS, sélectionnez le paragraphe et utilisez la propriété text-transform. Définissez la valeur de la propriété text-transform sur uppercase.

Comme on le voit dans la sortie ci-dessous, le texte est transformé en majuscule. De cette façon, nous pouvons utiliser la valeur uppercase pour la propriété text-transform pour écrire des caractères majuscules en HTML.

Code HTML:

<p>
 Uppercase characters
</p>

Code CSS :

p {
  text-transform: uppercase;
}