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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
