最新のWeb開発のチュートリアル
 

Style fontWeight Property

<スタイルオブジェクト

以下のためのフォントの太さを設定します<p>の要素"900"

document.getElementById("myP").style.fontWeight = "900";
»それを自分で試してみてください

定義と使用法

表示されるべきか厚いか薄いテキスト内の文字たfontWeightプロパティセットや戻ります。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

たfontWeightプロパティは、すべての主要なブラウザでサポートされています。


構文

たfontWeightプロパティを返します:

object .style.fontWeight

たfontWeightプロパティを設定します。

object .style.fontWeight="normal|lighter|bold|bolder| プロパティ値
説明
normal フォントは正常です。 これがデフォルトです
lighter フォントは軽いです
bold フォントは太字であります
bolder フォントは大胆です
100
200
300
400
500
600
700
800
900
太字の光から定義します。 400は、通常と同じであり、700は太字と同じです
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ノーマル
戻り値: フォントの太さを表す文字列、
CSSのバージョン CSS1

その他の例

可能な値のデモ:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;
»それを自分で試してみてください

フォントの太さを返します<p>要素を:

alert(document.getElementById("myP").style.fontWeight);
»それを自分で試してみてください

関連ページ

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

CSSリファレンス: font-weight property

HTML DOMリファレンス: font property


<スタイルオブジェクト