CSS font-size| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

font-size CSS プロパティとは

トピック:要素のテキストコンテンツのフォントサイズを設定する事ができる

プロパティ font-size

実例 コード 1

サンプル コードを試す
  • body {
  •     font-size: 14px;
  • }
  • h1 {
  •     font-size: 2em;  
  • }
    トピック:
  • Firefox,Chrome,IE,Safari,Operaなどのすべての最新のブラウザでは、プロパティのデフォルト値はmedium(16px)

プロパティ 定義と使用法

デフォルト値・初期値 :medium
適用対象 :全要素。 ::first-letter and ::first-line にも適用される
継承 :継承する
パーセンテージ : 親要素の font-size
メディア :visual
CSS Version CSS1 ~
計算値 :指定通り。ただし相対的 length は絶対的 length に変換
JavaScript 構文 object.style.fontSize="funWebref"
アニメーションの種類 :length
正規順序 :形式文法で定義される一意のあいまいでない順序
CSSの構文font-size:medium |xx-small |x-small |small |large |x-large |xx-large |smaller |larger |length |initial |inherit;

プロパティ値

説明
xx-small絶対サイズのキーワードのセット。 この キーワードは、ユーザーのブラウザのフォント設定のプリファレンスと、ブラウザの内部フォントスケーリングアルゴリズムに従って、テキストのフォントサイズを調整する font-sizeプロパティの中位値(16ピクセル)は、ユーザーのブラウザの既定のフォントサイズと一致する
x-small
small
medium
large
x-large
xx-large
smaller 親要素のフォントサイズより小さくても大きくても大きくてもかまいません。たとえば、親要素のフォントサイズがmedium,の場合、値はlarger現在の要素のフォントサイズになりlargeます。
larger
length(長さ)長さ値px,pt,cm,em負の値が許可されていない、など。
percentage(パーセント)フォントサイズを親要素のフォントサイズのパーセントに設定する 負の値は許可されない
initialこのプロパティをデフォルト値に設定する
inherit親要素からこのプロパティを継承する

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
font-sizeChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯12フルサポート◯1フルサポート◯5.5フルサポート◯7フルサポート◯1
Rem valuesフルサポート◯31フルサポート◯12フルサポート◯31フルサポート◯11フルサポート◯28フルサポート◯7

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
font-sizeAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯1フルサポート◯1フルサポート◯12フルサポート◯4フルサポート◯6フルサポート◯1フルサポート◯あり
Rem valuesフルサポート◯4.1フルサポート◯42フルサポート◯12フルサポート◯31フルサポート◯12フルサポート◯ありフルサポート◯4.0
font-size 関連記事
CSS font-size| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS font-size | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS