すべて大文字のテキストで「text-transform: Capitalize」が機能しないのはなぜですか?

CSS テキスト変換: すべての大文字で大文字化が機能しない

このシナリオの目的は、各単語の最初の文字を大文字にすることですテキストがすべて大文字で提供されている場合は、テキスト内で。ただし、text-transform:capitalize; を適用すると、 HTML 要素 に追加すると、すべて大文字のテキスト内の各単語の最初の文字を大文字にするという望ましい効果が得られません。

この問題を解決するには、わずかに変更した CSS アプローチを採用できます。

.link {
  text-transform: lowercase;
}

.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

この CSS コードは次の手法を使用しています:

• text-transform: lowercase;: Converts .link 要素内のすべてのテキストを小文字にします。
• text-transform: uppercase; :first-letter と :first-line に適用すると、それぞれ各単語の最初の文字とテキストの最初の行が選択的に大文字になります。

これらのスタイルを適用すると、目的の出力が実現されます。

Small Caps
All Caps

以上がすべて大文字のテキストで「text-transform: Capitalize」が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。