Loose-Info.com

Last Update 2019/12/25


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>