point 単位について

HTMLで長さや大きさを指定する場合、ピクセル値とパーセントの2種類を使って指定しましたが、スタイルシートでは、この二つ以外にもいろいろな単位が指定できます。センチメートル(cm)やミリメートル(mm)などの日本人におなじみの単位も指定できます。

が、しかしセンチメートル(cm)やミリメートル(mm)で指定しても、訪問者のディスプレイの大きさや、ブラウザの文字表示の設定などで大きさは変わりますので、使えないかなー

通常は、ピクセルとパーセント、エムあたりを使えば問題ないと思いますよ。

相対的な単位で指定する
em(エム) 基準となる文字の大きさを1とします。
ex(エックス) 基準となる小文字の「x」の大きさを1とします。
px(ピクセル) ディスプレイを構成する最小点。
%(パーセント) 基準となる範囲などに対する割合
絶対的な単位で指定する
mm(ミリメートル) 1mm=0.1cm
cm(センチメートル) 1cm=10mm
in(インチ) 1in=2.54cm
pt(ポイント) 72pt=1in
pc(パイカ) 1pc=12pt

サンプル - Microsoft Internet Explorer

2cm

段落の文字の大きさは16pxです。

段落の中の強い強調は、2emです。

HTML&CSS
<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
h1  { font-size:2cm;}
p   { font-size:16px;}
p strong { font-size:2em;}
  -->
</style>
</head>
<body>
<h1>2cm</h1>
<p>段落の文字の大きさは16pxです。</p>
<p>
段落の中の<strong>強い強調</strong> は、2emです。 </p> </body> </html>
 

スポンサード・リンク