text-transform

スタイルシート属性 text-transform は、アルファベットの大文字/小文字変換を指定します。

すべての要素に対して指定可能。

書式

text-transform: transform

属性値

transform
アルファベットの大文字/小文字変換を次の値の中から指定します。

意味
none変換しない(規定値)
uppercaseすべて大文字に変換
lowercaseすべて小文字に変換
capitalize各単語の先頭の文字を大文字に、それ以外を小文字に変換
inherit継承

対応状況

Webブラウザ対応状況
Internet Explorer 6.0
FireFox 3.0
Google Chrome 0.3
Opera 9.62
Safari 3.2.1

使用例

スタイルシート属性 text-transform を使用したHTMLの例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

<p style="text-transform: none">This is sample text.</p>
<p style="text-transform: uppercase">This is sample text.</p>
<p style="text-transform: lowercase">This is sample text.</p>
<p style="text-transform: capitalize">This is sample text.</p>

This is sample text.

This is sample text.

This is sample text.

This is sample text.