CSS 参考手册

CSS @规则(RULES)

font-サイズCSS属性は、要素のテキストコンテンツのフォントサイズを設定するために使用されます。

以下の表は、この属性の使用方法、バージョン履歴、およびjavascriptスクリプトでの使用構文の説明です。

デフォルト値：	medium
適用範囲：	すべての要素
継承：	はい
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript 構文：	object.style.fontSize="medium"

この属性の構文は以下の通りです：

font-サイズ:　xx-small　|　x-small　|　small　|　medium　|　large　|　x-large　|　xx-large　|　smaller　|　larger　|　length　|　percentage　　|　initial　|　inherit

以下の例では、font-size属性。

例

　　body　{
　　　font-size:　14px;
　　}
　　h1　{
　　　font-size:　2em;　　
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
xx-small	一連の絶対的な大きさのキーワード。これらのキーワードは、ユーザーのブラウザのフォント設定の首選オプションとブラウザの内部フォントスケールアルゴリズムに基づいてテキストのフォントサイズをスケールします。このfont-size属性の中央値（16px）とユーザーのブラウザのデフォルトフォントサイズに一致します。
`x-small`
`small`
`medium`
`large`
`x-large`
`xx-large`
smaller	親要素のフォントサイズより小さい、大きい、または大きいと表示します。これらの絶対的な大きさキーワードを区切るために使用されます。例えば、親要素のフォントサイズがmediumの場合、largerの値は現在の要素のフォントサイズをlargeにします。
`larger`
length	px、pt、cm、emなどの長さ単位を使用して、負の値は使用できません。
percentage	フォントサイズを親要素のフォントサイズのパーセンテージに設定します。負の値は使用できません。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のfont-sizeの属性値。

注意：font-sizeはすべての現代ブラウザ（例えばFirefox、Chrome、IE、Safari、Operaなど）で、この属性のデフォルト値はすべて中（16px）。

font-size属性のブラウザの互換性、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSSフォント、CSSテキスト。