スタイルシート概要





3. テキスト装飾
3.1 フォントサイズの変更
font-size:n pt/n in/n cm/n px/n %/n em
フォントサイズを指定する。
pt はポイント、
in はインチ、
cm はセンチメートル、
px はピクセル、
% はブラウザのウインドウとの割合、
em は使用されているフォントの高さを指定する。

3.2 フォントファミリーの変更
font-family:facename
font-family:familyname,familyname...
フォントを変更する。
facename には直接フォント名を指定する。
familyname にはフォントファミリー名(似たイメージを持つフォントのグループ名)を指定すると、 そのファミリーに属するフォントでユーザーのシステムにインストールされているフォントが使われる。
また、 familyname にはフォントファミリー名のほか、一般的なフォントの種類として、
serif(例:Times)、
sans-serif(例:Helvetica)、
cursive(例:Zapf-chancery)、
fantasy(例:Western)、
monospace(例:Courier)
のいずれかが指定できる。
これらが指定された場合は、見る側のシステムにあるフォントから、似たフォントが選ばれて表示される。

















3.3 フォントの太さを変更
font-weight:normal/bold/bolder/lighter/
100/200/300/400/500/600/700/800/900

normal は標準(400)、
bold は太いフォント(700)、
bolser は現在のフォントより一段太いフォント、
lighter は現在のフォントより一段細いフォント、

3.4 フォント形状の変更
font-style:normal/italic
italic にすると、フォントを斜体で表示する。

3.5 フォントのバリエーションを変更
font-variant:normal/small-caps
normal が通常のフォント small-caps はやや小さいフォント

3.6 行送りサイズの変更
font-height:n pt/n in/n cm/n px/n %/n em
フォントの行送りサイズ(ベースライインから次の行のベースライインまでのサイズ)を指定する。
pt はポイント、
in はインチ、
cm はセンチメートル、
px はピクセル、
% はブラウザのウインドウとの割合、
em は使用されているフォントの高さを指定する。