ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS と JavaScript はテキストを小文字に変換した後に大文字にすることができますか?

CSS と JavaScript はテキストを小文字に変換した後に大文字にすることができますか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-03 02:38:29876ブラウズ

Can CSS and JavaScript Capitalize Text After Converting it to Lowercase?

CSS と JavaScript でのテキスト変換

CSS は、最初にテキストを小文字に変換してから大文字に変換するタスクを容易にできますか?

CSS での解決策

確かに、CSS の text-transform プロパティを使用すると、次の変換を実現できます。

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

これにより、要素内のすべてのテキストが次のように変換されます。 className クラスを各単語の最初の文字を小文字にして大文字にします。

JavaScript での解決策

JavaScript では、capitalize() 関数による解決策も提供しています。次のように定義します:

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

capitalize('this IS THE wOrst string eVeR') などの文字列に適用すると、この関数はそれを this Is The WoRsT String EveR に変換します。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。