【HTML+CSS】文字サイズを指定する

  • HTMLでの指定
  • <font size="1~7">サイズを変える文字</font>

フォントサイズは値に1~7の数字を入れる事で変更が可能。数字を大きくするほど大きく表示されます。基準となるサイズは"3"です。

ただし文字サイズの指定は以下に表すCSSでの指定が薦められています。

  1. CSSコード
  2. .fsize1 {
  3.     font-size: 1em;
  4. }
  5. .fsize2 {
  6.     font-size: 12px;
  7. }
  8. .fsize3 {
  9.     font-size: 120%;
  10. }
  1. HTMLコード
  2. <p>文字サイズ:指定なし</p>
  3. <p class="fsize1">文字サイズ:1em(親要素のフォントサイズを1とする)</p>
  4. <p class="fsize2">文字サイズ:12px(ディスプレイの1ピクセルを1とします。)</p>
  5. <p class="fsize3">文字サイズ:120%(親要素のフォントサイズを100%として割合で指定します)</p>

サンプル

文字サイズ:指定なし

文字サイズ:1em

文字サイズ:12px

文字サイズ:120%

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。