CSSリファレンス: フォント
書体
font-family: 値1, 値2, …
値には、フォント名またはフォントの系列名を与えます。系列名は以下の５つです。
フォント名は閲覧者の環境にないと別なものが使われるため複数指定するのが望ましいです。
| serif | Sample サンプル |
|---|---|
| sans-serif | Sample サンプル |
| cursive | Sample サンプル |
| monospace | Sample サンプル |
| fantasy | Sample サンプル |
サイズ
font-size: 値
値には以下のものが指定できます。
| xx-small | ss-small |
|---|---|
| x-small | x-small |
| small | small |
| medium | medium |
| large | large |
| x-large | x-large |
| xx-large | xx-large |
| 数値 | 数値で指定した大きさになります。 |
| smaller | 相対的に一段階小さくなります。 |
| larger | 相対的に一段階大きくなります。 |
ウェイト
font-weight: 値
値には以下のものが指定できます。
| normal | normal |
|---|---|
| bold | bold |
| bolder | 相対的に一段階太くなります。 |
| lighter | 相対的に一段階細くなります。 |
| 数値 | 0から800の数値で指定した太さになります。実際には細かく指定してもnormal, boldくらいのの変化しかわかりません。 |
スタイル
font-style: 値
値には以下のものが指定できます。
| normal | normal |
|---|---|
| italic | italic |
| oblique | oblique |
スモールキャピタル
font-variant: 値
値には以下のものが指定できます。英小文字が小さい英大文字として表示されます。
| normal | normal |
|---|---|
| small-caps | Small-caps |
まとめて指定
font: font-styleの値 font-variantの値 font-weightの値 font-sizeの値 / line-heightの値 font-familyの値
上記のスタイルをまとめて指定できます。font-sizeとfont-family以外の値は省略可能です。font-sizeとline-heightの間にある「/」は忘れないようにしましょう。
line-heightはCSSリファレンス: テキストに説明があります。
前景色（文字の色）
color: 値
値には以下のものが指定できます。
| カラーネーム | 色の名前で指定します。 |
|---|---|
| #16進数（6桁） | #に続けて16進数値6桁を指定します。 |
| #16進数（3桁） | 6桁の2桁づつが等しい場合には3桁で省略できます。 |
| RGB比 | RGB(Red, Green, Blue)をそれぞれ%で指定します。 |
| RGB数値 | RGB(Red, Green, Blue)をそれぞれ255までの10進で指定します。 |
英大文字・英小文字の指定
text-transform: 値
値には以下のものが指定できます。
| capitalize | 単語の一文字目だけ大文字、残りを小文字にします。 |
|---|---|
| uppercase | 大文字にします。 |
| lowercase | 小文字にします。 |
| none | 変換しません。 |
文字装飾
text-decoration: 値
値には以下のものが指定できます。
| none | 標準 |
|---|---|
| underline | 下線 |
| overline | 上線 |
| line-through | 取り消し線 |
| blink | 点滅 |
blinkはIE6ではサポートされていません。
Programming Laboratory (Shio seminar)