Style fontWeight属性

定義と使用方法

fontWeight テキスト中の文字の太さを設定または返します。

も参照してください：

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

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

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

インスタンス

例1

<p>要素の文字の太さを"900"に設定します：

document.getElementById("myP").style.fontWeight = "900";

実際に試してみてください

例2

可能な値のデモンストレーション：

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

実際に試してみてください

例3

<p>要素の文字の太さを返します：

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

実際に試してみてください

文法

fontWeight属性の返り値：

object.style.fontWeight

fontWeight属性の設定：

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

属性値

値 説明
normal 文字が通常です。デフォルト。
lighter 文字が細くなります。
bold 文字が太くなります。
bolder 文字がもっと太くなります。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

細字から太字までの文字を定義します。

400 は normal と同じで、700 は bold と同じです。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： normal
返り値： 文字の太さを示す文字列値。
CSSバージョン： CSS1

ブラウザのサポート

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