CSS 単位

CSSには、長さを表すためのさまざまな単位があります。

多くのCSSプロパティは、width、margin、padding、font-sizeなどの「長さ」の値を受け取ります。

長さは、10px、2emなど、数値の後に長さの単位が続きます。

ノート：数値と単位の間に空白を入れることはできません。ただし、値が0の場合、単位は省略できます。

一部のCSSプロパティでは、負の長さが許可されます。

長さの単位には、絶対と相対的の2種類があります。

絶対的な長さ

絶対的な長さの単位は固定されており、これらのいずれかで表される長さは、正確にそのサイズとして表示されます。

画面のサイズは大きく異なるため、絶対的な長さの単位を画面で使用することはお勧めしません。ただし、印刷レイアウトなど、出力媒体がわかっている場合は使用できます。

相対的な長さ

相対的な長さの単位は、別の長さプロパティに相対的な長さを指定します。相対的な長さの単位は、異なるレンダリングメディア間でより適切にスケーリングされます。

ブラウザのサポート

表の数字は、長さの単位を完全にサポートする最初のブラウザ バージョンを示しています。