Last Update 2007/01/16
TOP - CSS1(Cascading Style Sheets, level 1) - font-size
フォントのサイズを指定します。
設定値
絶対サイズ : xx-small, x-small, small, medium, large, x-large, xx-large
相対サイズ : larger, smaller
% : 親要素に対する割合
数値(単位) : pt, px, em, ex, mm, cm, in, pc
(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
P.test {font-family: serif}
P.test_larger {font-family: serif; font-size: larger}
P.test_smaller {font-family: serif; font-size: smaller}
P.test_xx-small {font-family: serif; font-size: xx-small}
P.test_x-small {font-family: serif; font-size: x-small}
P.test_small {font-family: serif; font-size: small}
P.test_medium {font-family: serif; font-size: medium}
P.test_large {font-family: serif; font-size: large}
P.test_x-large {font-family: serif; font-size: x-large}
P.test_xx-large {font-family: serif; font-size: xx-large}
P.test_xx-large {font-family: serif; font-size: xx-large}
P.test_16pt {font-family: serif; font-size: 16pt}
P.test_16px {font-family: serif; font-size: 16px}
P.test_1_5em {font-family: serif; font-size: 1.5em}
P.test_1_5ex {font-family: serif; font-size: 1.5ex}
P.test_200per {font-family: serif; font-size: 200%}
P.test_10mm {font-family: serif; font-size: 10mm}
P.test_1cm {font-family: serif; font-size: 1cm}
P.test_0_4in {font-family: serif; font-size: 0.4in}
P.test_2_4pc {font-family: serif; font-size: 2.4pc}
-->
</STYLE>
</HEAD>
<BODY>
<P class="test">ABCDE あいうえお [サイズ指定無し]</P>
<P class="test_larger">ABCDE あいうえお [larger]</P>
<P class="test_smaller">ABCDE あいうえお [smaller]</P>
<P class="test_xx-small">ABCDE あいうえお [xx-small]</P>
<P class="test_x-small">ABCDE あいうえお [x-small]</P>
<P class="test_small">ABCDE あいうえお [small]</P>
<P class="test_medium">ABCDE あいうえお [medium]</P>
<P class="test_large">ABCDE あいうえお [large]</P>
<P class="test_x-large">ABCDE あいうえお [x-large]</P>
<P class="test_xx-large">ABCDE あいうえお [xx-large]</P>
<P class="test_16pt">ABCDE あいうえお [16pt]</P>
<P class="test_16px">ABCDE あいうえお [16px]</P>
<P class="test_1_5em">ABCDE あいうえお [1.5em]</P>
<P class="test_1_5ex">ABCDE あいうえお [1.5ex]</P>
<P class="test_200per">ABCDE あいうえお [200%]</P>
<P class="test_10mm">ABCDE あいうえお [10mm]</P>
<P class="test_1cm">ABCDE あいうえお [1cm]</P>
<P class="test_0_4in">ABCDE あいうえお [0.4in]</P>
<P class="test_2_4pc">ABCDE あいうえお [2.4pc]</P>
</BODY>
</HTML>