text-transform

テキスト・フォント

テキストの大文字・小文字を変換するプロパティです。uppercase（全て大文字）、lowercase（全て小文字）、capitalize（各単語の先頭を大文字）などがあり、HTMLを変更せずに表示を制御できます。

構文

Syntax
text-transform: none | capitalize | uppercase | lowercase

コード例

例 1

text-transform: uppercase;

すべて大文字に変換

例 2

text-transform: lowercase;

すべて小文字に変換

例 3

text-transform: capitalize;

各単語の先頭を大文字に変換

例 4

text-transform: none;

変換しない（デフォルト）

💡 TIPS

ナビゲーションメニューやボタンでよく使われる。HTMLの内容を変更せずにスタイルだけで変換できる。

⚠️ よくある間違い

日本語には効果がない。capitalizeは各単語の先頭のみ（全角スペースでは動作しない場合がある）。

関連プロパティ

ブラウザサポート

全ブラウザ対応