CSS入門 | CSSボックスモデル | サイズ単位

Tags:

CSSで使用するサイズ単位には、%、em、px、cm、mm、inchなどがある。

その中でも最もよく使われるサイズ単位は次のとおりである。

  1. パーセント単位(%)
  2. 倍率単位(em)
  3. ピクセル単位(px)

パーセント単位(%)は、基本サイズを100%として、それに対する相対サイズを設定する。 倍率単位(em)は、該当フォントの基本サイズを1emとして、それに対する相対サイズを設定する。 ピクセル単位(px)は、画面のピクセルを基準にした絶対サイズを設定する。

<style>
    #large { font-size: 200%; }
    #small { font-size: 0.7em; }
    #fixed { font-size: 20px; }
</style>

NOTE 1倍 = 1em = 100%を意味する。