トップページ  > CSSの基本  > CSSでの長さの指定

★CSSの基本

広告

■CSSでの長さの指定

CSSで指定できる長さの単位は種類が豊富です。それぞれ特徴があるので目的に応じて使い分けます。

%(パーセント)、em(エム)、ex(エックス)は、 ブラウザの表示領域や他の要素サイズとの関係で算出される相対的なサイズ指定です。 ブラウザの操作によって変化する柔軟な単位であり、文字サイズの指定などに適しています。

px(ピクセル)は、スクリーンの1ピクセルの長さを1とした単位です。 実際にモニタに表示されるサイズは、そのモニタの解像度に依存するので、どのモニタで表示しても実寸がきっちり揃うということではありません。

pxはスクリーンで表示される際のレイアウトをピクセル単位できっちり揃えるのに適していますが、 pxで文字サイズを指定すると、古いブラウザではユーザーの操作で文字サイズを変更できなくなることがあるので注意してください。

mm(ミリメートル)、cm(センチメートル)、in(インチ)、pt(ポイント)、pc(パイカ)などの単位は、 主に印刷用として使用される単位です。

%親要素の領域や初期値を基準として、%で相対的にサイズを指定
em文字の高さを 1em とした単位
ex小文字のxの高さを1exとした単位
pxスクリーンの1ピクセルの長さを1pxとした単位
mmミリメートル
cmセンチメートル(1cm=10mm)
inインチ(1in=2.54cm)
ptポイント(1pt=1/72in)
pcパイカ(1pc=12pt)

<前へ 記事一覧へ 次へ>
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ