text-transform
Home>CSS>プロパティリファレンス>text-transform
text-transformプロパティの役割
text-transformプロパティは、大文字・小文字の区別のある文字の場合に、大文字を小文字にしたり、小文字を大文字にしたりします。
なお、大文字⇔小文字の変換は、全角・半角の別を問いません。
text-transformプロパティに設定できる値
capitalize | 各単語の先頭の一文字目のみ大文字にして表示。 |
lowercase | すべて小文字で表示。 |
uppercase | すべて大文字で表示。 |
capitalizeの場合、後に続く文字が大文字であっても、小文字に変換はしません。
大文字・小文字の区別のない言語において指定しても、何も変化しません。
text-transformプロパティの使い方
<p style="text-transform:capitalize">capitalize 一文字目のみ大文字に。</p>
capitalize 一文字目のみ大文字に。
上記のサンプルでは、一文字目のみを大文字に変換して表示しています。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-10-19