トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの説明

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

home page


Home Page


HOME PAGE


home page


Home Page


HOME PAGE

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

大小文字で表示 (詳細情報)
対応  Internet Explorer 4 ↑  Netscape 6 ↑  (ブラウザの対応)
字体 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
解説 英語の大文字小文字を変更できる。

▲上に移動