全体を大文字または小文字で表示させる
英文の大文字・小文字の表記方法を指定します。英文をすべて大文字(あるいは小文字)で表示したり、単語の一文字目を大文字で表示したりすることができます。
値には、以下のキーワードがあります。
HTML文書
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css>
<title>全体を大文字または小文字で表示させる</title>
<style type="text/css">
<!--
div {text-transform:none}
.sample1 {text-transform:capitalize; color:red}
.sample2 {text-transform:uppercase; color:blue}
.sample3 {text-transform:lowercase; color:green}
-->
</style>
</head>
<body>
<div>text-transform:none 入力されたままで表示</div>
<span class="sample1">text-transform:capitalize 各単語の1文字目を大文字に変換</span>
<span class="sample2">text-transform:uppercase すべての文字を大文字に置換</span>
<span class="sample3">text-transform:lowercase すべての文字を小文字に置換</span>
</body>
</HTML>text-transform:none 入力されたままで表示
text-transform:capitalize 各単語の1文字目を大文字に変換
ttext-transform:uppercase すべての文字を大文字に置換
text-transform:lowercase すべての文字を小文字に置換