やさしいホームページ入門
カラーコード / サイトについて / リンク集 / お問い合わせ
ホーム > CSS入門 > 単位について
絶対的な単位
CSSを使うときに、覚えておかなければいけないのが単位です。CSSには色々な単位があるのでしっかり覚えましょう。
絶対的な単位とは、値が正確に決まっている単位のことです。絶対的な単位を5つ説明します。
cm (センチメートル)
mm (ミリメートル)
in (1インチ=2.54cm)
pt (1ポイント=1/72インチ)
pc (1パイカ=12pt)
これだけでは大きさが良く分からないので、文字の大きさで比べてみます。↓のサンプルは上から1cm、1mm、1in、1pt、1pcの大きさにそれぞれ指定してます。
1cm
1mm
1in
1pt
1pc
相対的な単位
次に相対的な単位を説明します。4つ単位があります。
em (その範囲のフォントの高さを1とした単位)
ex (その範囲のフォントの小文字の「x」の高さを1とした単位)
px (1ピクセルを1とした単位)
%(あるものを基準とする単位)
↓にそれぞれの単位を10に指定して文字を表示しています。
10em
10ex
10px
10%