<< スタイルシート(CSS) text-indent | Home | スタイルシート(CSS) background-color >>

スタイルシート(CSS) text-transform

文字(アルファベット)の表示に関するプロパティ。
指定した文字列全体を大文字や小文字、あるいは単語単位で先頭の文字だけを大文字で表示します。

text-transform: 値;

値には次のようなキーワードを指定します。
uppercase = 全ての文字列を大文字で表示。
lowercase = 全ての文字列を小文字で表示。
capitalize = 各単語の頭文字だけを大文字で表示。

■オリジナル例文:
「Yesterday all my troubles seemed so far away
Now it looks as though they're here to stay
Oh I believe in yesterday」

■例1:
例文に「text-transform: uppercase;」を指定した場合。

Yesterday all my troubles seemed so far away
Now it looks as though they're here to stay
Oh I believe in yesterday


■例2:
例文に「text-transform: lowercase;」を指定した場合。

Yesterday all my troubles seemed so far away
Now it looks as though they're here to stay
Oh I believe in yesterday


■例3:
例文に「text-transform: capitalize;」を指定した場合。

Yesterday all my troubles seemed so far away
Now it looks as though they're here to stay
Oh I believe in yesterday


例のように指定範囲のアルファベットは変化しますが、日本語に指定しても何ら変わりはありません。

「text-transform: uppercase;」は、タイトルや題名に使うと便利なのでたまに使用します。

Calendar

 123456
78910111213
14151617181920
21222324252627
28293031   
<< October 2018 >>

Recent Entries


Categories


Archives


Profile


Valid XHTML 1.0 Transitional

Valid CSS!

Comments

Leave Comment










Trackbacks

Trackback URL

Recent Comments

Recent Trackbacks