font-size 【フォントサイズ】

[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]

font-sizeプロパティは、文字の大きさを指定する事が出来ます。

単位で指定する
px、em、exなどの単位で指定します(使える単位)。数値には負の値は指定できません。
絶対的な指定をしたい場合は『px』を指定します。しかし、モニターの解像度によって大きさが変わってしまう点、IE6などでは文字の大きさが固定されてしまうという点に注意しましょう。
あまり小さ過ぎる文字は読みにくいので好まれません。

割合で指定する
%で指定します。相対的な指定をしたい時に使用します。

キーワードで指定する
xx-small、x-small、small、medium、large、x-large、xx-largeの7段階があります。
mediumが標準サイズです。

font-sizeの使用例

CSSファイル

.fontsp002 {
 font-size: 20px;
}
.fontsp003 {
 font-size: 3em;
}

HTMLソース

<p class="fontsp002">
font-sizeプロパティ使用例<br />
文字の大きさの指定は20pxです。
</p>

<p class="fontsp003">
font-sizeプロパティ使用例<br />
文字の大きさの指定は3emです。
</p>

表示すると

font-sizeプロパティ使用例
文字の大きさの指定は20pxです。

font-sizeプロパティ使用例
文字の大きさの指定は3emです。

フォント関連項目

font フォントに関する指定をまとめて行う 
font-size フォントのサイズを指定する 
font-weight フォントの太さを指定する 
font-family フォントの種類を指定する 
font-style フォントをイタリック体・斜体にする 
font-variant フォントをスモールキャップにする 
font-size-adjust※ フォントのサイズを調整する 
font-stretch※ フォントを縦長・横長にする 

戻る

TOP