やってもzilla 備忘録: CSSテスト

キャピタライズ、大文字、小文字を設定する

text-transform は大文字・小文字を持つアルファベットなどの文字に対し、その名前の通り、要素中のテキストを指定した値によって変化させるプロパティ。全角アルファベットに対しても使用することができる。漢字や平仮名などは UA 側で自動的に無視されるようだ。
このプロパティは全ての要素に対して指定できる。プロパティ値は以下の５つ。

none: 変換しない (初期値)
capitalize: 要素内の単語の最初の文字を大文字で表示する
uppercase: 要素内の全ての単語を大文字で表示する
lowercase: 要素内の全ての単語を小文字で表示する
inherit: 親要素の値を継承する

似たような効果を持つプロパティとしてはfont-variantがあるが、text-transform は変換目的が音声への対応ということで、デザイン的なfont-variantとは区別されているのではないかと思う。とはいえ、この効果はデザイン的な利用方法しか思いつかないのだが。