|
{text-transform:値;}で英字の小文字と大文字を入れ換える
ことができます。
■ 置換の値の種類
置換の値には以下の種類があります。
| 値 | 説明 |
| none | 通常通りに表示されます。（デフォルト） |
| capitalize | 先頭の文字を大文字に換える |
| lowercase | 全て小文字に換える |
| uppercase | 全てを大文字に換える |
【ブラウザ表示】
hTML
CSs
xml
ソース
<div class="replace1">hTML</div>
<div class="replace2">CSs</div>
<div class="replace3">xml</div>
ソース
div.replace1{text-transform:capitalize;}
div.replace2{text-transform:lowercase;}
div.replace3{text-transform:uppercase;}
<body>～</body>に直接記入する場合
<div style="text-transform:capitalize;">hTML</div>
<div style="text-transform:lowercase;">CSs</div>
<div style="text-transform:uppercase;">xml</div>
■ その他の項目
・
文字の大きさを変える
・
文字の色を変える
・
文字の太さを指定する
・
文字の書体を指定する
・
文字を斜めにする
・
小文字英字を大文字で表示
・
文字の表示位置を指定する
・
字下げをする
・
行間を指定する
・
文字、単語の間隔を空ける
・
文字に線を引く
・
上付き文字と下付き文字
スタイルシート一覧のページに戻る
|
