大文字変換・小文字変換（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>
〔 実行する 〕