CSS/フォントサイズの指定サンプル

• Prev
• Next
• CSS

CSSでフォントサイズを指定する †

以下のようにfont-sizeをptで指定すればフォントのサイズを細かく指定することができますが、

style="font-size : 10pt"

本資料ではpt指定ではなく、largerやlargeなどの文字列指定によるサンプルを記します。

関連記事 †

• 文字列に下線・上線・取り消し線を設定するサンプル
• フォントサイズの指定サンプル
• 斜体で文字列を表示する
• 文字列を太文字表示する・font-weight
• フォントを指定して文字列を表示する・font-family

font-size : 文字列 †

以下のfont-sizeのサンプルHTMLを記します。

font-size.html

<div style="font-size : smaller">font-size : smaller</div>
<div style="font-size : small">font-size : small</div>
<div style="font-size : x-small">font-size : x-small</div>
<div style="font-size : xx-small">font-size : xx-small</div>
<div style="font-size : medium">font-size : medium</div>
<div style="font-size : larger">font-size : larger</div>
<div style="font-size : large">font-size : large</div>
<div style="font-size : x-large">font-size : x-large</div>
<div style="font-size : xx-large">font-size : xx-large</div>

font-size動作確認用URL †

以下、動作確認用のURLです。

http://web.just4fun.biz/css/5/font-size.html

font-sizeスクリーンショット †

上記HTMLをブラウザで表示した時のスクリーンショットです。

以上、font-sizeのサンプルHTMLでした。