PR

構文

font : 形状 スモール・キャピタル 太さ サイズ/行の高さ フォント名;

説明文

 「font」ではフォントのサイズ(font-size),形状(font-style),太さ(font-weight),利用するフォント名(font-family),スモール・キャピタル(font-variant),行の高さ(line-height)を一括して指定できる。指定はそれぞれの値をスペースで区切りながら以下の順序で列挙すればよい。

font : 形状(font-style) スモール・キャピタル(font-variant) 
太さ(font-weight) サイズ(font-size)/行の高さ(line-height) 
フォント名(font-family)

 フォントのサイズと利用するフォント名は必ず指定する必要がある。それ以外の項目は省略が可能。

 また,行の高さを設定する場合は,「フォントのサイズ/行の高さ」とサイズと同時に指定する必要がある。例えば,フォントのサイズを10pt,行の高さを120%とする場合は以下のように指定する。

p { font : 10pt/120% sans-serif; }

使用例

● CSSの定義

h3 { font : bold italic 2em/1.5 sans-serif; }

● HTMLの例

<h3>日経BP社</h3>
<p>日経BP社は今年で40周年を迎えました。</p>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目