Comment puis-je mettre en majuscule la première lettre d'une chaîne en utilisant CSS ?

Malriser le premier caractère en CSS avec la propriété text-transform

La transformation de texte en CSS est une technique polyvalente qui peut conduire à un aspect professionnel des résultats avec un minimum d'effort. Une approche couramment recherchée consiste à mettre en majuscule le premier caractère d'une chaîne, garantissant que le texte apparaît dans la casse du titre.

En HTML, enveloppez le texte souhaité dans un élément, tel qu'une balise d'ancrage :

<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 la première lettre en majuscule, appliquez la transformation de texte : majuscule ; règle à l'élément à l'aide d'un sélecteur de classe :

a.m_title {
  text-transform: capitalize;
}

Cette propriété demande au navigateur de formater le texte selon la casse du titre, en mettant en majuscule le premier caractère de chaque mot.

Avec la règle CSS dans place, votre texte apparaîtra désormais avec le premier caractère en majuscule :

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