Maison >interface Web >tutoriel CSS >Comment mettre en majuscule la première lettre des étiquettes CSS ?

Comment mettre en majuscule la première lettre des étiquettes CSS ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-06 02:27:11514parcourir

How to Capitalize the First Letter of CSS Labels?

Mise en majuscule du premier caractère dans les étiquettes CSS

En CSS, vous pouvez facilement modifier le texte des étiquettes pour mettre en majuscule le premier caractère. Cela peut être particulièrement utile lors de l'affichage de titres ou de rubriques.

Voici comment y parvenir :

Code HTML :

<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>

Code CSS :

a.m_title {
  text-transform: capitalize;
}

La propriété text-transform est chargée de modifier le cas du texte. En la définissant sur majuscule, la propriété garantit que seul le premier caractère de chaque étiquette est en majuscule, tandis que les caractères restants restent en minuscules.

Résultat :

Après l'application de la CSS, les étiquettes apparaîtront comme :

Gorr
Trro
Krro
Yrro
Gwwr

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn