アルファベットの大文字/小文字の表示方法を指定する
CSSの書き方
text-transform:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「text-transform」プロパティは、単語ごとのアルファベットの文字列(英単語)の表示方法を指定するスタイルシートです。日本語などの文字列は対象となりません。値には、以下の表の4つを入力することができます。
|
capitalizeの補足
「text-transform」プロパティの値「capitalize」は、単語の先頭の文字を大文字に変換しますが、残りの文字についてはそのままです。残りの文字が強制的に小文字になるわけではありません。従って、例えば「tRansForm」という文字を「capitalize」で変換すると「TRansForm」と表示されます。
CSS/HTMLサンプル
p.cap { text-transform:capitalize; }
p.up { text-transform:uppercase; }
p.low { text-transform:lowercase; }
段落要素に含まれる英単語の表記を変換する サンプル
