大文字・小文字に指定します。
<div class="SAMPLE sample0"> <p>abcdefg hijklmn opqrstu vwxyz</p> <p>ABCDEFG HIJKLMN OPQRSTU VWXYZ</p> <p>0123456789</p> <p>あかさたなはまやらわ</p> <p>アカサタナハマヤラワ</p> <p>壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会</p> </div>
先頭文字のみを大文字にする。
div.sample0 { text-transform: capitalize; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
全て大文字を指定します。
div.sample1 { text-transform: uppercase; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会
上線を指定します。
div.sample1 { text-transform: lowercase; }
abcdefg hijklmn opqrstu vwxyz
ABCDEFG HIJKLMN OPQRSTU VWXYZ
0123456789
あかさたなはまやらわ
アカサタナハマヤラワ
壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会