全体を大文字または小文字で表示させる

text-transform: 大文字・小文字

[大文字・小文字の指定]
uppercase すべての文字を大文字で表示
lowercase すべての文字を小文字で表示
capitalize 各単語の先頭の文字だけを大文字で表示

text-transform プロパティは、全体を大文字や小文字で表示させたり、
各単語の先頭の文字だけを大文字で表示させることの出来る指定です。
日本語の部分は特に変化しません。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--

#sample1 { text-transform: lowercase }
#sample2 { text-transform: uppercase }
#sample3 { text-transform: capitalize }
h2 {
color: #ff6600;
background: #ffffff
}
-->
</style>

</herd>
<body>
<h1>全体を大文字または小文字で表示させる</h1>

<h2>lowercase</h2>
<p id="sample1">
CAPITALZATION EFFECTS OF AN ELEMENT'S TEXT.
</p>

<h2>uppewcase</h2>
<p id="sample2">
capitalization effects of an element's text.
</p>

<h2>capitalize</h2>
<p id="sample3">
capitalization effects of an element's text.
</p>

</body>
</html>