HTMLに使用される長さの単位一覧
HTML言語を使用したホームページやブログなどのウェブサイトで、のソース上やスタイルシートで指定する長さの単位についてご紹介します。絶対サイズと相対サイズがあります。
一覧表です。
| 絶対サイズ | 意味 |
|---|---|
| in | インチ( 1 in = 25.4 mm ) |
| cm | センチメートル |
| mm | ミリメートル |
| pt | ポイント( 1 pt = 1/72 in) |
| pc | パイカ( 1 pc = 12 pt ) |
| px※ | ピクセル(表示上の 1 ドット幅) |
| 相対サイズ | 意味 |
|---|---|
| em | 基準書体の文字の高さ |
| ex | 基準書体の文字 x の高さ |
※正確にはデバイス依存の相対サイズ
長さを指定する際には、ほとんどの場合 特に理由がない限り、ピクセル指定がおすすめです。この指定は、表示上の 1ドット幅を基準とするため、古いディスプレイなど、ドット幅の大きいものでは大きく表示されます。反対に、最近のドット幅が小型化されたディスプレイでは小さく表示されますが、ピクセル指定で統一することで、ページの構成崩れなどを防ぐことができます。
また、行の高さの指定などでは、相対サイズの em などがおすすめです。基準文字の相対サイズで指定することで、部分的に文字の大きさが変化した場合に、行間も変化し、行と行が重なったり、離れすぎたりするのを防ぐことができます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス