関連プロパティ

text-transform

対応状況
N7.0 Win	N6.0 Win	e6.0 Win	e5.5 Win	e5.0 Win	e5.0 Mac	e4.5 Mac	O7.0 Win	O6.0 Win
○	○	○	○	○	○	○	○	○

値	capitalize \| uppercase \| lowercase \| none \| inherit
初期値	none
適用	すべての要素
継承	する
レベル	-
メディア	visual

要素のテキストを大文字化・小文字化します。大文字・小文字の区別がある言語に対してのみ有効です。

キーワード解説

例として、以下の一文に適用してみます。
He's the leader of a buntch. You know him well.

capitalize: 各単語の1文字目を大文字化します。
He's The Leader Of A Buntch. You Know Him Well.
uppercase: 全文字を大文字化します。
HE'S THE LEADER OF A BUNTCH. YOU KNOW HIM WELL.
lowercase: 全文字を小文字化します。
he's the leader of a buntch. you know him well.
none: 効果無し。
He's the leader of a buntch. You know him well.

h1 { text-transform: uppercase }

何故このようなプロパティが存在するのかと言いますと、装飾と、もう一つ、スクリーンリーダに対する配慮の意味があるのです。スクリーンリーダだと、すべて大文字で書かれた英語は、一文字ずつ読んでしまう場合があります。例えば、BORDER と書くと、「ビーオーアールディーイーアール」と読んでしまう場合があります。タイトルや見出しなど、大文字にしがちですが、それをすべて一文字ずつ読まれたなら、間抜けに聞こえる上、鬱陶しく感じられてしまいます。そういった事に有用なのです。