text-transformプロパティ

値

次のような値を設定することができます。

• none – 指定なし
• capitalize – 単語の先頭文字のみ大文字にして表示
• uppercase – 全て大文字にして表示
• lowercase – 全て小文字にして表示

パターン1

次の例では、上記の値をそれぞれ指定しています。

CSSコード例

.sample_css1 .text1 {
	text-transform: none;
}
.sample_css1 .text2 {
	text-transform: capitalize;
}
.sample_css1 .text3 {
	text-transform: uppercase;
}
.sample_css1 .text4 {
	text-transform: lowercase;
}

表示例：