font-size

CSSプロパティ「font-size」の解説とサンプル。

CSSレイアウト実践講座

CSSレイアウト実践講座について

運営者プロフィール

運営者ブログ*

お問い合わせ

font-size

フォントの大きさを指定するプロパティ。

以下の値を指定することで、フォントの大きさを指定することができる。

数値で指定 px、pt、em等の単位で数値を指定。
%で指定 標準で指定されたフォントサイズに対する値を%で指定。
語句で指定 xx-small、x-small、small、medium、large、x-large、xx-largeのいずれかを指定。

使用例 - サンプル(A) / サンプル(B) / サンプル(C)

サンプル(A)

[CSSの記述]

.sampleA { font-size:20px; }

[HTMLの記述]

<p class="sampleA">テキストテキスト</p>

[ブラウザ上の表示]

フォントサイズ20pxを指定

サンプル(B)

[CSSの記述]

.sampleB { font-size:300%; }

[HTMLの記述]

<p class="sampleB">テキストテキスト</p>

[ブラウザ上の表示]

フォントサイズ300%を指定

サンプル(C)

[CSSの記述]

.sampleC { font-size:x-small; }

[HTMLの記述]

<p class="sampleC">テキストテキスト</p>

[ブラウザ上の表示]

フォントサイズx-smallを指定