font-size:サイズ

---

サイズ：

単位つきの数値
%
xx-small	非常に小さい
x-small	小さい
small	やや小さい
medium	通常のサイズ
large	やや大きい
x-large	大きい
xx-large	非常に大きい
smaller	親要素のフォントサイズに対して相対的に小さい
larger	〃　　　　　　　　　　　大きい

font-sizeプロパティでフォントの大きさを指定します。

単位つきの数値を指定したときは、フォントの大きさが絶対値で設定されます。
詳しいことは、『単位の指定方法』を御覧ください。
　・　{ font-size:10pt; }
　・　{ font-size:12em; }

親要素のフォントサイズに対する割合をパーセントで設定します。
例えば、親要素が10ptの場合、120%を指定すると12ptになります。
　・　{ font-size:120%; }
　・　{ font-size:200%; }

キーワードは7段階で指定することができます。
「medium」が通常のサイズですが、Windows版 InternetExplorer5.5までと、InternetExplorer6.0の互換モード、Macintosh版のInternetExplorer4.x、NetscapeNavigator4.x　では、「small」が標準のサイズとなっています。
　・　{ font-size:x-small; }
　・　{ font-size:large; }

その他にも、親要素のフォントサイズに対する相対的な割合を指定することができます。
　・　{ font-size:smaller; }
　・　{ font-size:larger; }


別窓にサンプルを表示します

　　

<STYLE type="text/css">
<!--
.case11 { font-size:8pt; }
.case12 { font-size:12pt; }
.case13 { font-size:18pt; }
.case21 { font-size:80%; }
.case22 { font-size:120%; }
.case23 { font-size:150%; }
.case31 { font-size:xx-small; }
.case32 { font-size:x-small; }
.case33 { font-size:small; }
.case34 { font-size:medium; }
.case35 { font-size:large; }
.case36 { font-size:x-large; }
.case37 { font-size:xx-large; }
.case41 { font-size:smaller; }
.case42 { font-size:larger; }
-->
</STYLE>

<P><B>＊　フォントの大きさを指定する　＊</B></P>
<P>フォントサイズ：
<SPAN class="case11">8ポイント</SPAN>　
<SPAN class="case12">12ポイント</SPAN>　
<SPAN class="case13">18ポイント</SPAN>
</P>
<P>フォントサイズ：
<SPAN class="case21">80パーセント</SPAN>　
<SPAN class="case22">120パーセント</SPAN>　
<SPAN class="case23">150パーセント</SPAN>
</P>
<P>この文字が通常の大きさです。</P>
<P>
<SPAN class="case31">xx-small</SPAN>　
<SPAN class="case32">x-small</SPAN>　
<SPAN class="case33">small</SPAN>　
<SPAN class="case34">medium</SPAN>　
<SPAN class="case35">large</SPAN>　
<SPAN class="case36">x-large</SPAN>　
<SPAN class="case37">xx-large</SPAN>
</P>
<P>
<SPAN class="case41">smaller</SPAN>　
<SPAN class="case42">larger</SPAN>
</P>