CSS ですべて大文字の単語の最初の文字だけを大文字にするにはどうすればよいですか?

CSS text-transform: Capitalize on All Caps

CSS で text-transform: Capitalize プロパティを使用する場合、大文字のみを大文字にしたい状況が発生することがあります。すでにすべて大文字になっている単語の最初の文字。この特定の動作を実現するには、複数のテキスト変換ルールを組み合わせることが解決策です。

すべての大文字を使用するには、次の手順に従います。

1. テキストを使用してすべてのテキストを小文字にします。変換: 小文字ルール。
2. テキスト変換: 大文字ルールを使用して各単語の最初の文字を大文字にします。
3. テキスト変換: 大文字を使用して最初の行を大文字にします。

これを CSS で実装する方法の例を次に示します。

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

このアプローチを使用すると、すでにすべて大文字で表記されている単語の最初の文字のみが大文字になる、目的の出力を実現できます。

以上がCSS ですべて大文字の単語の最初の文字だけを大文字にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。