font-weight プロパティ
font-weight プロパティは、フォントを太字で表示するプロパティです。太字の度合いも指定できます。
font-weight: bold;
詳しくは Example を参照してください
bold、bolder、lighter は normal を基準にした相対的な大きさの設定値と、現在値(親エレメント)の設定値からの相対値です。イメージとしては、
bolder < bold < normal < lighter
です。
ページ内 Index
構文(Syntax)
CSS
font-weight: normal | bold | bolder | lighter | number | initial | inherit ;
DOM ( JavaScript )
String = object.style.fontWeight;
object.style.fontWeight=" normal | bold | bolder | lighter | number | initial | inherit ";
値(Values)
| Value | 摘要 |
|---|---|
| normal | 初期値(default値)、そのまま表示 |
| bold | 太字 |
| bolder | 継承された文字の太さより太く表示 |
| lighter | 継承された文字の太さより細く表示 |
| number | 数値で指定。400までnormal。700でbold相当。 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
| 初期値(Default value) | normal |
| 継承(Inherited) | Yes |
| CSS Animation | Yes |
Example
font-weightの例です。
関連 CSS プロパティ
関連するプロパティに以下があります。
| font | fontに関するプロパティの一括指定 |
| font-family | フォントファミリ |
| font-feature-settings | OpenTypeフォントのもつ文字体裁機能を指定 |
| font-kerning | フォント間の字詰め(文字間隔) |
| font-size | 大きさ |
| font-stretch | フォントの表示幅 |
| font-style | 文字のスタイル |
| font-variant | スモールキャップの有無 |
| font-variant-caps | スモールキャップの有無 |
| font-weight | 太さ |
テキストに関するプロパティには以下があります。
| プロパティ | 概要 |
|---|---|
| line-height | 行間 |
| text-align、vertical-align | テキストの配置操作 |
| background{ linear-gradient() } | マーカーでラインを引いたような装飾 |
