CSS et JavaScript peuvent-ils mettre en majuscule le texte après l'avoir converti en minuscules ?

Transformation de texte en CSS et JavaScript

Le CSS peut-il faciliter la tâche consistant à convertir d'abord le texte en minuscules, puis à le mettre en majuscule ?

Solution en CSS

Certainement, en utilisant la propriété text-transform de CSS, vous pouvez réaliser cette transformation :

<code class="css">.className {
    text-transform: capitalize;
}</code>

Cela convertira tout le texte dans les éléments avec la classe className pour mettre en minuscules et en majuscule la première lettre de chaque mot.

Solution en JavaScript

JavaScript propose également une solution via la fonction capitalize(), que vous pouvez définir comme suit :

<code class="javascript">function capitalize(s){
    return s.toLowerCase().replace( /\b./g, function(a){ return a.toUpperCase(); } );
};</code>

Lorsqu'elle est appliquée à une chaîne, telle que capitalize('this IS THE wOrst string eVeR'), cette fonction la convertit en this Is The WoRsT String Ever.

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!