テキストの大文字・小文字を変換するプロパティです。uppercase（全て大文字）、lowercase（全て小文字）、capitalize（各単語の先頭を大文字）などがあり、HTMLを変更せずに表示を制御できます。
text-transform: none | capitalize | uppercase | lowercase| uppercase | text-transform: uppercase |
| lowercase | text-transform: lowercase |
| capitalize | text-transform: capitalize |
| normal-case | text-transform: none |
text-transform: uppercase;すべて大文字に変換
text-transform: lowercase;すべて小文字に変換
text-transform: capitalize;各単語の先頭を大文字に変換
text-transform: none;変換しない（デフォルト）
ナビゲーションメニューやボタンでよく使われる。HTMLの内容を変更せずにスタイルだけで変換できる。
日本語には効果がない。capitalizeは各単語の先頭のみ（全角スペースでは動作しない場合がある）。
text-transformは見た目だけの変換で、コピーされるテキストやスクリーンリーダーが読む内容は元のままです（略語が大文字化で1字ずつ読まれる等の影響はあり得ます）。「データ自体を大文字にしたい」ならJSやサーバー側の仕事で、この責任分界をAIは曖昧にしがちです。日本語には効果がないため英字UIラベル向けです。
ナビラベルを英字大文字表示にしたい。データは変えずCSSだけで、字間調整もセットで
そのままAIチャットに貼り付けて使える依頼文の例です。ページ上部の「AI用にコピー」でこのページ全体をコンテキストとして渡せます。