English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-weight CSS属性は、フォントの太さを設定します。
以下のテーブルは、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用構文を説明しています。
| デフォルト値： | 通常 |
|---|---|
| 適用： | すべての要素 |
| 継承： | はい |
| アニメーション可能： | はい。参照してください： アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript構文： | object.style.fontWeight="700" |
この属性の構文は以下の通りです：
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit
以下の例では、font-weight属性。
h1 {
font-weight: normal;
}
p {
font-weight: bold;
}テストをしてみる‹/›以下のテーブルは、この属性の値を説明しています。
| 値 | 説明 |
|---|---|
| normal | 通常のキャラクターを指定。 |
| bold | 太字キャラクターを指定。 |
| bolder | より太いキャラクターを定義。 |
| lighter | より詳細なキャラクターを選定。 |
| 100 | 数値100から900が一連の順序を形成し、それぞれの数字は前の値以上の権重を示します。キーワードnormalは400、太字は700。 |
200 | |
300 | |
400 | |
500 | |
600 | |
700 | |
800 | |
900 | |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のfont-weightの属性値。 |
font-weight属性のブラウザの互換性、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください：CSSフォント、CSSテキスト。
関連属性と規則：font、font-style、font-variant、font-size、line-height、font-family、@font-face。