ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >テキスト

小文字と大文字を入れ換える

{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>

■ その他の項目

文字の大きさを変える
文字の色を変える
文字の太さを指定する
文字の書体を指定する
文字を斜めにする
小文字英字を大文字で表示
文字の表示位置を指定する
字下げをする
行間を指定する
文字、単語の間隔を空ける
文字に線を引く
上付き文字と下付き文字

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.