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
Libérer: 2024-12-06 02:27:11
original
560 Les gens l'ont consulté

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>
Copier après la connexion

Code CSS :

a.m_title {
  text-transform: capitalize;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal