font-weight CSS プロパティとは
トピック：フォント,テキストの太いまたは細い文字を表示する方法を設定する、事ができる
プロパティ font-weight
実例 コード 1
サンプル コードを試すh1 { font-weight: normal;}p { font-weight: bold;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | normal |
|---|
| 適用対象 : | 全要素。 ::first-letter and ::first-line にも適用される |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定されたキーワードまたは数値が、実際の値に変換される |
|---|
CSS Version | CSS1 ～ |
|---|
| アニメーションの種類 : | font weight |
|---|
| JavaScript 構文 | object.style.fontWeight="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | font-weight: normal |bold |bolder |lighter |number |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
normal | 通常の文字を指定する |
bold | 太字を指定する |
bolder | 親から継承したウェイトよりも大きいフォントウェイトを選択する |
lighter | 親から継承したウェイトよりも細いフォントウェイトを選択する |
100 | 順序付けられたシーケンス100を900形成するための数値。各数字は、前のものと同じかそれよりも大きな太さを示する キーワードnormalは400,と同じで、bold同じ700です。 |
200 |
300 |
400 |
500 |
600 |
700 |
800 |
900 |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
情報：CSS の font-weight プロパティは、フォントの重み (あるいは太さ) を指定します。実際に表示されるフォントの重みは使用している font-family に依存する場合があります。フォントによっては normal 及び bold のみで利用できる
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| font-weight | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯2 | フルサポート◯12 | フルサポート◯1 | フルサポート◯3 | フルサポート◯3.5 | フルサポート◯1.3 |
|---|
＜number＞ syntax | サポートなし✖ | 不明 | フルサポート◯61 | サポートなし✖ | 不明 | 不明 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| font-weight | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯あり | フルサポート◯あり | フルサポート◯4 | フルサポート◯6 | フルサポート◯3.1 | フルサポート◯あり |
|---|
＜number＞ syntax | 不明 | サポートなし✖ | 不明 | フルサポート◯61 | 不明 | 不明 | 不明 |
|---|
CSS font-weight | CSS プロパティ 値| 意味 使い方 実例 – WebRef