text-transform（大文字・小文字の変換）

解説

大文字・小文字の変換を指定する属性です。

値	none：変換しません capitalize：１文字目を大文字に変換 uppercase：全て大文字に変換 lowercase：全て小文字に変換
初期値	none
%値の基準
適用	すべてのエレメント
継承	する

対応状況

全ての値

使用例

ソース

表示＆操作

スタイル部に、

div.cap{text-transform:capitalize;}
div.upper{text-transform:uppercase;}
div.lower{text-transform:lowercase;}

と記述し、

capitalizeです。

uppercaseです。

LOWERCASEです。

と表示されます。

body部に、

<div class="cap">capitalizeです。</div>
<div class="upper">uppercaseです。</div>
<div class="lower">LOWERCASEです。</div>

と記述すると。