|
|
|
|
|
| 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 は使用されているフォントの高さを指定する。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|