text-transformスタイルシート属性

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

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

書式

text-transform: transform

属性値

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

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

none

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

<p style="text-transform:none;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

uppercase

<p style="text-transform:uppercase;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

lowercase

<p style="text-transform:lowercase;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

capitalize

<p style="text-transform:capitalize;">
  The quick brown fox jumps over the lazy dog.
</p>

The quick brown fox jumps over the lazy dog.

CSSプロパティ

CSSには次のプロパティがある。