text-transform

Home>CSS>プロパティリファレンス>text-transform

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

text-transformプロパティの役割

text-transformプロパティは、大文字・小文字の区別のある文字の場合に、大文字を小文字にしたり、小文字を大文字にしたりします。

なお、大文字⇔小文字の変換は、全角・半角の別を問いません。

text-transformプロパティに設定できる値

capitalize 各単語の先頭の一文字目のみ大文字にして表示。
lowercase すべて小文字で表示。
uppercase すべて大文字で表示。

capitalizeの場合、後に続く文字が大文字であっても、小文字に変換はしません。

大文字・小文字の区別のない言語において指定しても、何も変化しません。

text-transformプロパティの使い方

<p style="text-transform:capitalize">capitalize 一文字目のみ大文字に。</p>

capitalize 一文字目のみ大文字に。

上記のサンプルでは、一文字目のみを大文字に変換して表示しています。

関連リンク

よく読まれている記事

UpDate:2010-10-19