説明
font: style variant weight size height family; C1- ie3- N4-
| 値: | [[ <'斜体'> || <'スモールキャピタル'> || <'太さ'> ]? <'フォントサイズ'> [ / <'行の高さ'> ]? <'フォントファミリ'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit |
fontプロパティは、斜体、スモールキャピタル、太さ、フォントサイズ、行の高さ、フォントファミリの6つのプロパティを一括で指定するプロパティです。このプロパティを用いると、フォント関連のすべてのプロパティ(「font-stretch」「font-size-adjust」も含む)は初期値にリセットされ、その上で指定された値を割り当て直します。フォントファミリはフォントファミリと汎用ファミリの優先順リストをコンマ[,]で区切って指定します。
fontプロパティにおいて、フォントサイズとフォントファミリは必須の値です(*1)。
*1 ただし、システムフォント、inheritの設定時を除く。
フォントファミリとは
フォントを指定する場合には全角・半角の違いに注意
fontプロパティにおいて、フォントサイズとフォントファミリは必須の値です(*1)。
*1 ただし、システムフォント、inheritの設定時を除く。
フォントファミリとは フォントを指定する場合には全角・半角の違いに注意
使用例
table {font:italic bold 13px/1.2em "Times New Roman",Times,serif}
斜体 <'font-style'> |
|
スモールキャピタル <'font-variant'> |
|
太さ <'font-weight'> |
|
フォントサイズ <'font-size'>
絶対サイズ <absolute-size>
|
相対サイズ <relative-size>
|
長さ、%値
|
行の高さ <'line-height'> |
|
フォントファミリ <'font-family'> |
|
汎用ファミリ <generic-family>
汎用ファミリには、serif, sans-serif, cursive, fantasy, monospaceの5種類があります。汎用ファミリは、フォントセットに含まれるほかのフォントが利用不可能なときに最終的に用いられる選択肢なので、指定すべきです。汎用ファミリはキーワードなので、引用符で囲んではなりません。
|
システムフォント
システムフォントは1つだけ指定することが可能であり、ファミリ、サイズ、ウェイト、スタイルなど全体の値を同時に設定します。個別に指定する必要があるならば、個別のプロパティにより上書きしなければなりません。
|
