CSS peut-il manipuler séquentiellement la casse du texte ?

Le CSS peut-il manipuler la casse du texte de manière séquentielle ?

Dans ce scénario, vous souhaitez d'abord convertir le texte en majuscules en minuscules, puis le mettre en majuscule. Bien que CSS puisse être un outil de style puissant, il lui manque la fonctionnalité permettant de modifier la casse du texte dans une telle séquence.

Solutions utilisant JavaScript :

Heureusement, il existe des méthodes alternatives utilisant JavaScript :

1. Propriété text-transform

Appliquer la transformation de texte : majuscule ; propriété à l’élément souhaité. Cela mettra en majuscule la première lettre de chaque mot.

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

2. Fonction JavaScript

Créez une fonction capitalize() pour obtenir le résultat souhaité :

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

console.log(capitalize('THIS IS THE wOrst string eVeR'));</code>

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!