CSS はテキストの大文字と小文字を順番に操作できますか?

CSS はテキストの大文字と小文字を順番に操作できますか?

このシナリオでは、まず大文字のテキストを小文字に変換してから、大文字に変換することを目的としています。 CSS は強力なスタイル ツールかもしれませんが、このようなシーケンスでテキストの大文字と小文字を変更する機能がありません。

JavaScript を使用した解決策:

幸いなことに、JavaScript を使用した代替方法があります:

1。 text-transform プロパティ

text-transform を適用します。プロパティを目的の要素に追加します。これにより、各単語の最初の文字が大文字になります。

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

2. JavaScript 関数

望ましい結果を達成するために Capitalize() 関数を作成します:

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

以上がCSS はテキストの大文字と小文字を順番に操作できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。