cman.jp > WEBページ作成TOP > CSSリファレンス > 「文字のデザイン」
WEBページ作成
広告
font 「フォント情報をまとめて指定」
font プロパティは、使用する文字のフォント情報をまとめて指定することができます。
| CSS Ver. | 適用要素 | 継承 |
|---|---|---|
| 2.1 | 全て | する |
広告
font の値
【構文】
font : [font-style] [font-variant] [font-weight]
font-size [line-height] font-family;| font [フォント情報をまとめて指定] ( サンプル ) | |
|---|---|
| font-style | 任意指定 フォントのスタイル（標準／斜体）を指定。 設定内容は「font-style」参照 |
| font-variant | 任意指定 フォントをスモールキャップ（英小文字の表示方法）を指定。 設定内容は「font-variant」参照 |
| font-weight | 任意指定 フォントの太さを指定。設定内容は「font-weight」参照 |
| font-size | 必須指定 フォントのサイズを指定。設定内容は「font-size」参照 |
| line-height | 任意指定 1行の高さを指定。設定内容は「line-height」参照 |
| font-family | 必須指定 フォントの種類を指定。設定内容は「font-family」参照 |
| 指定する順番は指定されています。 「font-style,font-variant,font-weight」は任意順序→「font-size」→「line-height」→「font-family」 | |
font のサンプル
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>font指定サンプル</title>
<style type="text/css">
<!--
.s1 { font: italic small-caps bold 12px 1.5em "ＭＳ 明朝",serif; }
-->
</style>
</head>
<body>
<div class="s1">ABCabc123あいう</div>
</body>
</html>
関連するCSSプロパティ
| font-style | フォントのスタイル（標準／斜体）を指定 |
| font-variant | フォントをスモールキャップ（英小文字の表示方法）を指定 |
| font-weight | フォントの太さを指定 |
| font-size | フォントのサイズを指定 |
| font-family | フォントの種類を指定 |
| line-height | 1行の高さを指定 |
| @font-face | Webフォントの利用 |
| 関連するCSS(STYLE) | |
|---|---|
| font-family | フォント |
| font-feature-settings | OpenTypeフォントの字形の切替え |
| font-kerning | 字間スペース |
| font-language-override | 言語を一時的に変更 |
| font-size | 文字の大きさ |
| font-size-adjust | 文字サイズの自動調節 |
| font-stretch | フォントの形状（幅広・幅狭） |
| font-style | 斜体のスタイル |
| font-synthesis | 太字や斜体を持たないフォントの表示方法 |
| font-variant | フォントの変換ルール |
| font-variant-alternates | 代替文字の置き換え指定 |
| font-variant-caps | 英大文字での表示制御 |
| font-variant-east-asian | 漢字の表示指定 |
| font-variant-ligatures | 合字の制御指定 |
| font-variant-numeric | 数値の表示形式指定 |
| font-variant-position | 上付き文字・下付き文字の指定 |
| font-weight | 文字の太さ |
広告