ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでフォントを太字にする方法

CSSでフォントを太字にする方法

下次还敢
下次还敢オリジナル
2024-04-25 19:00:24746ブラウズ

CSS でフォ​​ントを太字にするために font-weight 属性を使用できます。デフォルト値は標準であり、太字の値は、より軽い (より軽い)、より重い (より太い)、および 100 の太字もサポートします。 900 値 (400 が正常です)。

CSSでフォントを太字にする方法

CSS の太字フォント

CSS の太字フォントは非常にシンプルで、使用できますfont-重み属性。

HTML コード

<code class="html"><p>这是普通文本</p>
<p><strong>这是加粗文本</strong></p></code>

CSS コード

<code class="css">p {
  font-weight: normal;
}

strong {
  font-weight: bold;
}</code>

この例では、normal がフォントですデフォルトのウェイトは です。bold は太字のウェイトです。

normalbold に加えて、font-weight プロパティは次の値もサポートしています:

  • lighter: 現在のフォントのウェイトより軽い
  • bolder: 現在のフォントのウェイトより重い
  • 100:最軽量のフォント ウェイト
  • 200 - 900: 軽いフォント ウェイトと重いフォント ウェイトの間 (400 が通常のウェイト)

Example

テキストを太字から中程度の太さにするには、次の CSS を使用できます:

<code class="css">p {
  font-weight: 600;
}</code>

ブラウザ サポート

font-weight 属性は、最新のすべてのブラウザーで十分にサポートされています。

以上がCSSでフォントを太字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。