トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
スタイルシートの説明

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

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
解説 英語の大文字小文字を変更できる。

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋