大文字変換・小文字変換(text-transform)
<html> <head> <title>大文字変換・小文字変換</title> <style type="text/css"> <!-- .c1 { text-transform: uppercase; } .c2 { text-transform: lowercase; } .c3 { text-transform: capitalize; } //--> </style> </head> <body> すべて大文字に<br> <div class="c1">ABCD EFGH IJKLMNOPQR STUVWXY Z abc defgh ijklmnopqrst uvwxyz</div> <br> すべて小文字に<br> <div class="c2">ABCD EFGH IJKLMNOPQR STUVWXY Z abc defgh ijklmnopqrst uvwxyz</div> <br> 各単語の一文字目を大文字に<br> <div class="c3">ABCD EFGH IJKLMNOPQR STUVWXY Z abc defgh ijklmnopqrst uvwxyz</div> </body> </html>
〔 実行する 〕