Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

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

■ 文字の装飾

英文の大文字・小文字の表記方法を指定します。英文をすべて大文字(あるいは小文字)で表示したり、単語の一文字目を大文字で表示したりすることができます。

値には、以下のキーワードがあります。

■ 作例

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 すべての文字を小文字に置換

 

<<<戻る
R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box | CSS Trial