CSSの基本(4)

数値で文字サイズを指定する方法

CSSを使って文字サイズを変更する方法を説明します。
文字サイズは、FONTタグのsize属性で指定することも可能ですが、
CSSを使うとより詳細に文字サイズを指定できるようになります。

font-sizeプロパティは、数値で文字サイズを指定することもできます。
これで自分の好きなサイズで文字を表示できるようになります。
なお、font-sizeプロパティで文字サイズを指定する場合は、
必ず単位を記述するようにしてください。
単位を付け忘れると、CSSによる文字サイズの指定が正しく機能しません。
注意してください。
文字サイズの単位にはpt(ポイント)のほかに、
px(ピクセル)、cm(センチメートル)、mm(ミリメートル)なども指定できます。


<DIV style="font-size:40pt">文字サイズ「40pt」の文字</DIV><BR>
<DIV style="font-size:32pt">
文字サイズ「32pt」の文字</DIV><BR>
<DIV style="font-size:28pt">
文字サイズ「28pt」の文字</DIV><BR>
<DIV style="font-size:24pt">
文字サイズ「24pt」の文字</DIV><BR>
<DIV style="font-size:20pt">
文字サイズ「20pt」の文字</DIV><BR>
<DIV style="font-size:16pt">
文字サイズ「16pt」の文字</DIV><BR>
<DIV style="font-size:12pt">
文字サイズ「12pt」の文字</DIV><BR>
<DIV style="font-size:10pt">
文字サイズ「10pt」の文字</DIV><BR>
<DIV style="font-size:8pt">
文字サイズ「8pt」の文字</DIV><BR>
<DIV style="font-size:6pt">
文字サイズ「6pt」の文字</DIV>


(画面クリックでWEB上のサイズを見てください。)