構文

text-transform : 変換方式;

説明文

　「text-transform」では，文書中のアルファベットに対し，大文字・小文字の変換を行う。例えば，大文字のみで表示する，各単語に1文字目を大文字に変換するといった指定が行える。

　text-transformでは，以下の変換方式を指定できる。

変換方式意味
capitalize各単語の1文字目を大文字に変換する
uppercaseすべてのアルファベットを大文字に変換する
lowercaseすべてのアルファベットを小文字に変換する
none大文字・小文字の変換を行わずそのままアルファベットを表示する

使用例

● CSSの定義

span.capital { text-transform : capitalize; }
h2.upper { text-transform : uppercase; }

● HTMLの例

<h2 class="upper">cascading style sheets</h2>
<p>スタイルシートは「<span class="capital"> cascading style sheets 
</span>」の略です。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]