フォントの太さを設定するcssの属性は何ですか？

フォントの太さを設定する CSS 属性は font-weight 属性です。この属性の値は "lighter"、"normal"、"bold"、"bolder" で、"lighter" は細く、 「normal」は通常の太さ、「bold」は太字、「bolder」は特別に太字です。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS では、font-weight 属性はフォントの太さの値を設定するために使用されます。値は lighter |normal |bold |bolder で、デフォルトはnormalです。 Lighter は細いフォント、normal は通常の太さ、bold は太字のフォント、bolder は非常に太いフォントです。例:

.lighter {
 font-weight: lighter;
} 
.normal {
 font-weight: normal;
}
.bold {
 font-weight: bold;
}
.bolder {
 font-weight: bolder;
}

<p class="lighter">字体粗细： lighter</p>
<p class="normal">字体粗细： normal</p>
<p class="bold">字体粗细： bold</p>
<p class="bolder">字体粗细： bolder</p>

上記のコードは、太さの異なる 4 つのフォントを定義しており、順番に太くなっています。実行結果は図に示すとおりです。

[推奨チュートリアル: CSS ビデオ チュートリアル]

より多くのことを達成するには詳細制御、CSS フォントの太さを数値で設定することもできます。この数値は 100 の整数倍である必要があり、値は 100 ～ 900 の間です。値が大きいほど、フォントは太くなります。 400 は標準に相当し、700 は太字に相当します。さまざまな値の結果は図に示すとおりです。

ブラウザは一部の要素 (strong、h1 ～ h6、b など) に太字形式を自動的に追加します。一部の要素 親要素の太字形式も継承しており、font-weight:normal によってこれらの要素の太字形式をキャンセルできます。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！

以上がフォントの太さを設定するcssの属性は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。