Comment puis-je mettre en majuscule la première lettre d'un texte en utilisant CSS ?

Capitalisation en CSS : Ascendance de la première lettre

En utilisant CSS, vous pouvez facilement élever le premier caractère d'une étiquette en majuscule, améliorant ainsi sa attrait visuel.

Une syntaxe Solution

Pour parvenir à cet affinement stylistique, CSS fournit une propriété dédiée :

text-transform: capitalize;

En attribuant cette propriété à l'élément souhaité, la première lettre montera automatiquement en majuscule.

Un exemple illustratif

Considérez le HTML suivant extrait :

<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>

Pour mettre en majuscule la première lettre de chaque élément "m_title", on ajoute simplement la propriété CSS :

a.m_title {
  text-transform: capitalize;
}

Voila ! Les étiquettes rendues qui en résulteront orneront votre page avec leurs premières lettres majuscules :

<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>

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!