スタイルシートリファレンス > font-size

スタイルシートリファレンス font-size


font-size フォントのサイズを指定する (IE3/N4)

フォントサイズを指定します。

xx-small x-small small medium(規定値) large x-large xx-large

相対指定
larger smaller
絶対単位指定
1in 1cm 10mm 10pt
相対単位指定
10px 2em
割合指定
120%

▲ページ先頭へ

使用例 font-size

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
font-size: xx-small;
}
.smp2 {
font-size: x-small;
}
.smp3 {
font-size: small;
}
.smp4 {
font-size: medium;
}
.smp5 {
font-size: large;
}
.smp6 {
font-size: x-large;
}
.smp7 {
font-size: xx-large;
}
.smp8 {
font-size: larger;
}
.smp9 {
font-size: smaller;
}
.smp10 {
font-size: 10pt;
}
.smp11 {
font-size: 120%;
}
-->
</style>
</head>
<body>
<br>
<p class="smp1">このように表示されます(xx-small)</p>
<p class="smp2">このように表示されます(x-small)</p>
<p class="smp3">このように表示されます(small)</p>
<p class="smp4">このように表示されます(medium:標準サイズ)</p>
<p class="smp5">このように表示されます(large)</p>
<p class="smp6">このように(x-large)</p>
<p class="smp7">表示されます(xx-large)</p>
<p class="smp8">このように表示されます(larger)</p>
<p class="smp9">このように表示されます(smaller)</p>
<p class="smp10">このように表示されます(10pt)</p>
<p class="smp11">このように表示されます(120%)</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示

このように表示されます(xx-small)


このように表示されます(x-small)


このように表示されます(small)


このように表示されます(medium:標準サイズ)


このように表示されます(large)


このように(x-large)


表示されます(xx-large)


このように表示されます(larger)


このように表示されます(smaller)


このように表示されます(10pt)


このように表示されます(120%)


▲ページ先頭へ

関連項目【フォント】

font
フォントの指定をまとめて行う
font-style
フォントスタイルを指定する
font-variant
大文字にする
font-weight
フォントの太さを指定する
font-size
フォントのサイズを指定する
font-family
フォントの種類を指定する
font-stretch ※
フォントの幅を指定する
font-size-adjust ※
フォントの高さと幅の比率を指定する
line-height
行の高さを指定する

▲ページ先頭へ

スタイルシートリファレンス > font-size