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

HomeCSS辞典大小文字で表示 text-transform
サイト内検索

大小文字で表示 text-transform

大小文字で表示 (サンプル)

home page


Home Page


HOME PAGE


home page


Home Page


HOME PAGE

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

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


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング