font

提供: ASCII.jp CSSリファレンス

役割・機能 フォントのスタイルを指定する
適用 すべて
継承の有無 継承あり
書式

セレクタ { font: }

目次

fontプロパティの説明

フォントに関するスタイル設定を一度に行います。①font-style、②font-variant、③font-weight、④font-size、⑤line-height、⑥fontfamilyの順に値を半角スペースで区切って記述します。①~③の順番は入れ替え可能です(ただし、④以降の値と入れ替わると設定がうまく効きません)。なお、④と⑤以外の設定は省略可能です。

font-styleプロパティに指定可能な値

属性値 説明
normal 正体
italic イタリック体
oblique 斜体

font-variantプロパティに指定可能な値

属性値 説明
normal 標準
small-caps スモールキャピタル表示

font-weightプロパティに指定可能な値

属性値 説明
100から900の100刻みの数値 100から900の100刻みの数値を入力する
normal 標準
bold 太字
bolder より太く
lighter より細く

font-sizeプロパティに指定可能な値

属性値 説明
単位付きの数値 単位付きの数値 を入力する
xx-small x-smallの1.2倍縮小
x-small smallの1.2倍縮小
medium 標準
x-large largeの1.2倍拡大
xx-large x-largeの1.2倍拡大
large mediumの1.2倍拡大
larger 外側の要素に指定されたfont-sizeの1.2倍拡大
smaller 外側の要素に指定されたfont-sizeの1.2倍縮小

line-heightプロパティに指定可能な値

属性値 説明
単位付きの数値 単位付きの数値を入力する
フォントサイズに対するパーセントや倍数 フォントサイズに対するパーセントや倍数を入力する

font-familyプロパティに指定可能な値

属性値 説明
フォント名 フォント名を入力する
serif 明朝系
sans-serif ゴシック系
cursive 筆記体
fantasy 装飾系のフォント
monospace 等幅フォント

fontプロパティの記述例

<head>
 <style type="text/css">
  <!--
  h3 { font:small-caps 20pt serif }
  p { font:11pt monospace }
  -->
 </style>
</head>
<body>
 <h3>1st FULL Album Report From Iron Mountain</h3>
 <p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE M-5.Hey Joe M6.MIRROR BALLS <br>

fontプロパティの表示例


fontプロパティの関連項目

Powered by Web Professional

目次