https://hmaster.net/

当サイトについて | リンクについて | 問い合わせフォーム |

HTMLタグと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>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

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

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