CSSの絶対単位とは？主な種類と特徴をわかりやすく解説

CSSでは、要素の幅・高さ・フォントサイズなどを指定するためにさまざまな単位を使用できます。その中でも「絶対単位（absolute units）」は、親要素や画面環境の影響を受けず、常に一定の物理的な大きさとして扱われる単位です。主に印刷向けのスタイルシートや、厳密な寸法指定が必要な場面で活用されます。

CSSの主な絶対単位の一覧

各絶対単位の詳細

ピクセル（px）

画面を構成する最小単位であるドットに基づく単位で、Webデザインにおいて最も広く使われています。CSSでは96dpiを基準として定義されており、直感的にサイズを指定できるのが魅力です。

ポイント（pt）

主に印刷業界で使われる単位で、1ptは1/72インチに相当します。ワープロソフトなどでもおなじみの単位のため、印刷物との整合性を取りたい場合に便利です。

インチ（in）

アメリカなどで標準的に使われる長さの単位で、1in＝2.54cmです。CSSでは1in＝96pxとして換算されます。

センチメートル（cm）

日本を含む多くの国で一般的なメートル法の単位です。1cmは約37.8pxに相当し、物理的な寸法感に近い指定が可能です。

パイカ（pc）

活版印刷の時代から受け継がれてきた組版の単位で、1pc＝12ptです。書籍や雑誌のレイアウトで伝統的に利用されてきました。

絶対単位を使う際の注意点

絶対単位は、閲覧するデバイスによって実際の表示サイズが異なる場合があります。特にスマートフォンや高解像度ディスプレイでは、em・rem・%といった相対単位の方が柔軟なレスポンシブ対応を実現できます。Web制作では基本的に相対単位を優先し、印刷用スタイルシートなど限定的な場面で絶対単位を使い分けるのがおすすめです。