font: ***;

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
プロパティ

font は、フォント関連のスタイル（イタリック体、スモールキャピタル、太さ、サイズ、行の高さ、フォント）を一括で指定するプロパティです。


font: italic normal bold 80%/150% "ＭＳ Ｐゴシック";
プロパティ名 値 説明
font 以下を参照 イタリック体、スモールキャピタル、太さ、サイズ、行の高さ、フォントを指定

指定内容

font: italic normal bold 80%/150% "ＭＳ Ｐゴシック";
  • サイズとフォントの値が必須となります。この2つ以外の値は省略が可能で、省略した場合はそのプロパティの初期値が適用されることになります。
  • それぞれの値は、半角スペースで区切って記述します。行の高さを指定する場合は、サイズの後にスラッシュ（ / ）を入れ、その後に記述します。
  • イタリック体、スモールキャピタル、太さの値は、記述する順序は自由です。その他の値は、上記の順序で記述する必要があります。

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

p.example1 { font: italic normal bold 100%/150% "ＭＳ Ｐゴシック",sans-serif; }
p.example2 { font: 200% serif; }

</style>

</head>
<body>

<p class="example1">フォント関連のスタイルを一括で指定します。</p>
<p class="example2">明朝体でサイズが200%の文字</p>

</body>
</html>
表示例

フォント関連のスタイルを一括で指定します。

明朝体でサイズが200%の文字