| プロパティ名 | 値 | 適用対象 | 継承 |
|---|---|---|---|
| text-transform: | 変換の方法 | すべての要素 | 有り |
| 値 | 説明 | |
|---|---|---|
| 変換の方法 | capitalize | 各単語の先頭の文字だけ大文字で表示。 |
| uppercase | すべての文字を大文字で表示 | |
| lowercase | すべての文字を小文字で表示 | |
| none | そのままの状態で表示(デフォルト) |
text-transformプロパティは、ページ全体の英単語だけを大文字、又は小文字に変換して表示します。変換の方法には、値としてuppercase、uppercase、のどれかを指定します。又、値にcapitalizeを指定すると先頭の文字だけを大文字で表示します。
サンプルソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<style type="text/css">
<!--
body {text-align:center}
.sampl01{text-transform:capitalize}
.sampl02{text-transform:uppercase}
.sampl03{text-transform:lowercase}
h1 {color:red}
h2 {color:green}
p {color:blue;
font-size:15pt
}
.scaps {font-variant:small-caps}
-->
</style>
</head>
<body>
<h1> 大文字・小文字に変換する</h1>
<h2>capitalize(各単語の一文字目を大文字で表示します。)</h2>
<p class="sampl01">abcdefg hijklnm opqrs tuv wxyz</p>
<hr>
<h2>uppercase(すべての文字を大文字で表示する。</h2>
<p class="sampl02">abcdefg hijklnm opqrs tuv wxyz</p>
<hr>
<h2>lowercase(すべての文字を小文字で表示する)</h2>
<p class="sampl03">ABCDEFG HIJKLNM OPQRS TUV WXYZ</p>
<hr>
<h2>small-caps(小文字を大文字の形で表示します。)</h2>
<p class="scaps">abcdefg hijklnm opqrs tuv wxyz</p>
</body>
</html>
