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

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

(*-*)浩
リリース: 2019-11-28 11:28:05
オリジナル
4588 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート