「font-size」プロパティ

テキスト・フォント

「font-size」プロパティは、文字のサイズ（フォントの大きさ）を指定するCSSプロパティです。
文字のサイズ（フォントの大きさ）の数値や、ブラウザーの標準サイズや親要素との相対的なサイズなどの指定ができます。

本記事の内容

「font-size」プロパティの値
「font-size」プロパティの指定方法

「font-size」プロパティの値

文字のサイズの単位は「px」「%」「em」「rem」「vw」「vh」などの値を指定することができます。
※ブラウザの種類により、小数点以下の数値は切り上げされる場合がありますので小数点での指定は推奨できません。

CSSでサイズ指定する単位「px」「%」「em」「rem」の違いと使い分け

「font-size」プロパティの指定方法

文字のサイズ（フォントの大きさ）を指定する場合は、「font-size」プロパティを使い適応する値を指定することで実装できます。

「font-size」プロパティ

セレクタ{
font-size:文字の大きさ;
}

値例

/* 基本値 */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
font-size: xxx-large;

/* px値 */
font-size: 10px;
font-size: 11px;
font-size: 12px;
font-size: 13px;
font-size: 14px;
font-size: 15px;
font-size: 16px;

/* %値 */
font-size: 80%;
font-size: 90%;
font-size: 100%;
font-size: 110%;
font-size: 120%;
font-size: 130%;
font-size: 140%;

/* em値 */
font-size: 1.0em;
font-size: 1.2em;
font-size: 1.4em;
font-size: 1.6em;
font-size: 2.0em;