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

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

(*-*)浩
(*-*)浩オリジナル
2019-11-28 11:28:054533ブラウズ

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

フォントの太字

font-weight プロパティは、テキストの太さを設定します。

テキストを太字にするには、bold キーワードを使用します。 (推奨学習: CSS 基本チュートリアル )

キーワード 100 ~ 900 は、フォントの太さの 9 レベルを指定します。フォントにこれらの太字レベルが組み込まれている場合、数値は事前定義されたレベルに直接マッピングされ、100 は最も薄いフォント バリアントに対応し、900 は最も太いフォント バリアントに対応します。 400 は標準、700 は太字に相当します。

要素の太字をより太字に設定すると、ブラウザは継承された値よりも太字のフォントの太字を設定します。 対照的に、キーワード light を使用すると、ブラウザは太字を上ではなく下に移動します。

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>
</body>

</html>

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

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