Css-font-weight

提供:Dev Guides
移動先:案内検索

CSS-フォントの太さ

説明

_font-weight_プロパティは、要素内の文字の視覚的な重みを変更します。

可能な値

  • 100、200、300、400、500、600、700、800、および900 -細い文字から太い文字までを定義します。 400は通常と同じで、700は太字と同じです。
  • normal -デフォルト。 通常の文字を定義し、値400と同等です。
  • 太字-値700と同等。
  • bolder -要素のフォント文字は、親要素のフォント文字よりも重い必要があります。
  • lighter -要素のフォント文字は親要素のフォント文字よりも明るくする必要があります。

に適用されます

すべてのHTML要素。

DOM構文

object.style.fontWeight = "900";

このプロパティを使用した例は次のとおりです-

<html>
   <head>
   </head>

   <body>
      <p style = "font-weight:bold;">
         This font is bold.
      </p>

      <p style = "font-weight:bolder;">
         This font is bolder.
      </p>

      <p style = "font-weight:500;">
         This font is 500 weight.
      </p>
   </body>
</html>

これにより、次の結果が生成されます–