font: ***;
font は、フォント関連のスタイル(イタリック体、スモールキャピタル、太さ、サイズ、行の高さ、フォント)を一括で指定するプロパティです。
font: italic normal bold 80%/150% "MS Pゴシック";
プロパティ名 | 値 | 説明 |
---|---|---|
font | 以下を参照 | イタリック体、スモールキャピタル、太さ、サイズ、行の高さ、フォントを指定 |
【指定内容】
font: | italic | normal | bold | 80% | 150% | "MS Pゴシック" | ; |
---|---|---|---|---|---|---|---|
イタリック体 | スモールキャピタル | 太さ | サイズ | 行の高さ | フォント |
- 「サイズ」と「フォント」の値が必須となります。この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% "MS Pゴシック",sans-serif; }
p.example2 { font: 200% serif; }
</style>
</head>
<body>
<p class="example1">フォント関連のスタイルを一括で指定します。</p>
<p class="example2">明朝体でサイズが200%の文字</p>
</body>
</html>
表示例
フォント関連のスタイルを一括で指定します。
明朝体でサイズが200%の文字
- サイト内検索