[新着] Webテンプレートを仮オープンしました
font は、フォントに関する設定（イタリック体、スモールキャップ、太さ、サイズ、行間、フォント）を一度に指定するプロパティです。
p {
font: italic normal bold 80%/150% "ＭＳ Ｐゴシック";
}
| font | イタリック体、スモールキャップ、太さ、サイズ、行間、フォントを指定します |
|---|
【指定内容】
| font: | italic | normal | bold | 80% | 150% | "ＭＳ Ｐゴシック" | ; |
|---|---|---|---|---|---|---|---|
| イタリック体 | スモールキャップ | 太さ | サイズ | 行間 | フォント |
それぞれの値は、半角スペースで区切って記述します。
※サイズとフォントの指定は省略できません。（他の値は省略可能です）
※行間を指定する場合は、サイズの後にスラッシュ（ / ）を入れ、その後に記述します。
※イタリック体、スモールキャップ、太さの値については、記述する順序は自由です。その他の値は、上記例の順序で記述する必要があります。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 { font: italic normal bold 80%/150% "ＭＳ Ｐゴシック",sans-serif; }
#example2 { font: 200% serif; }
-->
</style>
</head>
<body>
<p id="example1">フォントの設定を<br>ひとまとめに行います</p>
<p id="example2">明朝体でサイズが200%の文字</p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
フォントの設定を
ひとまとめに行います
明朝体でサイズが200%の文字
