[新着] Webテンプレートを仮オープンしました
font-weight は、文字の太さを指定するプロパティです。
p {
font-weight: bold;
}
| font-weight | bold … (太字にします) |
|---|---|
| normal … (標準)デフォルト |
以下のように細かく指定する方法もありますが、フォントの種類やブラウザの種類により、指定内容が反映されない場合があります。
■9段階で指定
font-weight: 700;
(細)100、200、300、400、500、600、700、800、900(太)
100 が一番細く、900 が一番太くなります。デフォルトは 400 です。
■相対的に指定
font-weight: bolder;
bolder … 太めの文字
lighter … 細めの文字
それまでの太さと比較して、やや太め、やや細めを指定します。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example { font-weight: bold; }
-->
</style>
</head>
<body>
<p>標準の太さ</p>
<p id="example">太字を指定</p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
標準の太さ
太字を指定