Style fontSize 属性

定義と使用方法

fontSize テキストのフォントサイズを設定または返します。

も参照してください：

CSS チュートリアル：CSS フォント

CSS リファレンスマニュアル：font-size 属性

HTML DOM リファレンスマニュアル：font 属性

例

例 1

<p>要素のフォントサイズを "xx-large" に設定：

document.getElementById("myP").style.fontSize = "xx-large";

自分で試してみる

例 2

可能な値のデモ：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontSize = listValue;

自分で試してみる

例 3

<p>要素のフォントサイズを返します：

alert(document.getElementById("myP").style.fontSize);

自分で試してみる

文法

fontSize 属性を返す：

object.style.fontSize

fontSize 属性を設定：

object.style.fontSize = "value|initial|inherit"

属性値

値 説明
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
 xx-small から xx-large までの異なる固定サイズにフォントサイズを設定します。
smaller フォントサイズを相対的な単位で減少させます。
larger フォントサイズを相対的な単位で増加させます。
length 長さ単位でフォントサイズを定義します。
% 親要素のフォントサイズのパーセンテージにフォントサイズを設定します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： medium
返り値： 文字列、要素の中国語テキストのフォントサイズを表します。
CSS バージョン： CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート