Top＜CSS＜Unit

　

絶対値の単位について

相対値の単位について

パーセントについて

Page Top ▲

Unit

スタイルシートで使用できる単位についてページです。
スタイルシートでは、大きく分けて絶対値と相対値の2種類があります。 HTMLは相対値ですが、スタイルシートでは,絶対値での指定もできます。

 

絶対値の単位について

HTMLの単位は、相対値です。ですから表示するブラウザによって、書体やフォントの大きさが異なります。 スタイルシートで使用する絶対値は、WindowsのIEの場合ブラウザに左右されません から指定された値で表示されます。
使用できる単位は、インチ＝in・センチ＝cm・ミリ＝mm・ポイント＝ｐｔ・パイカ＝pcの5種類です。
表は、使用できる単位と換算表になっています。

	in	cm	mm	pt	pc
in	-	2.45cm	24.5mm	72pt	6pc
cm	0.39in	-	10mm	28.1pt	2.34pc
mm	0.039in	0.1cm	-	0.281pt	0.234pc
pc	0.0139in	0.0353cm	0.353mm	-	0.0833pc
pt	0.167in	0.424	4.24mm	12pt	-

画面表示の精度

細かな単位を、使用することができますが、モニタの解像度がWindowsで96dpi・Macintoshで72dpiのため再現に限界があります。 ただし、プリンターで出力した場合は、指定どおり印刷されます。
サンプルのように、8.0ptと8.5pt、9.5ptと10.0ptは同じ大きさで表示をします。

 

相対値の単位について

スタイルシートの相対値は、親要素との比率で換算して表示させます。
対値には、emとxmとピクセルがあります。

emとxmについて

emとxmは、フォントサイズや行間に使用する相対サイズです。emは、フォントサイズを1emと換算して使用します。 xmは、欧文の小文字のaやoの天地を1exとして換算します。
日本語は、emになります。

ピクセルについて

ピクセルは、スタイルシートでは相対サイズになっています。
理由として解像度が、モニタの場合96dpi。プリンターは、300dpiや600dpiですから出力装置によってサイズが異なるからです。
しかし、Internet Explorerは画面表示に合わせて印刷しますからプリンターと画面と大きく異なることがありませんから、 絶対サイズとして考えてもよいかもしれません。

画面表示の精度について

モニタの表示単位がピクセルですから、画面表示優先で、Webをデザインする場合は、ピクセルが適しています。 他の値と違い、指定された数値を画面上で表示させることができます。

 

パーセントについて

スタイルシートは、パーセントでの指定ができいます。
パーセントは、相対値と同様親要素との比率で換算します。
サンプルは、親要素14ポイントのDynamicに、<SPAN>でフォントサイズ125%のHTML、フォントサイズ150%のStylingを指定した場合です。