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

下次还敢
リリース: 2024-04-25 19:00:24
オリジナル
745 人が閲覧しました

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

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