カテゴリー
CSS font-size

【CSS】font-size:フォントの文字サイズを変更する

(例)【CSS】font-sizeの使用方法

See the Pen
font
by linlin (@linlin098765)
on CodePen.

<p class="p">フォント</p>
<p class="p2">abcABC</p>
.p{
  font: bold large/20px "MS 明朝";
}
.p2{
  font-style:italic;
  font-variant: small-caps;
  font-weight:bold;
  font-size:30px;
  font-family:"MS ゴシック",sans-serif;
  line-height:40px;
  background-color:gray;
}

【CSS】font-size:フォントの文字サイズを変更する

 CSSのfont-sizeはフォントの文字サイズを変更するプロパティです。

  • px
    px指定。画面解像度によって変動。1刻みで指定。
  • em
    フォントの高さを1として指定可能。
  • ex
    フォントのxの高さを1とする指定方法。
  • %
    親要素のフォントサイズに対しての%指定。
  • vw
    画面横幅に対するフォントサイズ指定。
  • vh
    画面縦幅に対するフォントサイズ指定。
  • キーワード
    xx-small、x-small、small、medium、large、x-large、xx-largeがあり、mediumが標準です。1段階上がると1.2倍のサイズになります。