大小文字で表示 text-transform｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫大小文字で表示 text-transform

大小文字で表示 text-transform

≪ 文字に装飾 text-decoration	【 HOME 】	スモールキャップ font-variant ≫

Yahoo!ブックマークに登録

Google Bookmarks に追加

はてなブックマークに登録

livedoorに記事をクリップ

大小文字で表示（サンプル）
home page	Home Page	HOME PAGE
▼	▼	▼
home page	Home Page	HOME PAGE
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

大小文字で表示（詳細情報）
字体	text-transform:★;
指定	★の部分に下記の「」内の効果を指定していきます。「capitalize」先頭の英文字を大文字に指定する。「uppercase」全ての英文を大文字に指定する。「lowercase」全ての英文を小文字に指定する。「none」通常通りに表示されます。
効果	英文を全部大文字か小文字にしたり、先頭文字だけ大文字にすることができます。
例１	<div style="font-size:25px;text-transform:capitalize;">home page</div>
結果	home page
例２	<div style="font-size:25px;text-transform:uppercase;">Home Page</div>
結果	Home Page
例３	<div style="font-size:25px;text-transform:lowercase;">HOME PAGE</div>
結果	HOME PAGE
解説	英語の大文字小文字を変更できる。

≪ 文字に装飾 text-decoration	【 HOME 】	スモールキャップ font-variant ≫

練習用書き込みフォーム（サンプル表示）
<div style="font-size:25px;text-transform:capitalize;">home page</div> <div style="font-size:25px;text-transform:uppercase;">Home Page</div> <div style="font-size:25px;text-transform:lowercase;">HOME PAGE</div>

素材の森

素材NAVI

素材R

素材・壁紙

イラスト素材

素材・作成

素材ランキング

無料素材リンク

素材ファン

無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索

サイトの説明

素材使用方法

質問集/用語集

作成練習場

カラー見本