|
{font-weight:太さ;}で文字の太さを変えることができます。
太さの種類には以下のようなものがあります。
■ 太さ（値）の種類
| 値 | 説明 |
| 数字 |
100から900までの9段階の数字で太さを指定できます。（100ずつ）
|
| normal |
標準の太さになります。h1タグで囲まれた文字など
元々太く表示される文字を
この値を使うことで細くできます。
|
| bold | 太い（font-weight:700; と同じ太さです。） |
| bolder | 親要素で設定した太さを基準値として一段階太くします。 |
| lighter | 親要素で設定した太さを基準値として一段階細くします。 |
【ブラウザ表示】
太字
太めの文字
細めの字
標準の太さ
最小の太さ
標準の太さと同じ
最大の太さ
ソース
<p class="futosa1">太字</p>
<p class="futosa2">太めの文字</p>
<p class="futosa3">細めの字</p>
<p class="futosa4">標準の太さ</p>
<p class="futosa5">最小の太さ</p>
<p class="futosa6">標準の太さと同じ</p>
<p class="futosa7">最大の太さ</p>
外部ファイル
p.futosa1{font-weight:bold;}
p.futosa2{font-weight:bolder;}
p.futosa3{font-weight:lighter;}
p.futosa4{font-weight:normal;}
p.futosa5{font-weight:100;}
p.futosa6{font-weight:400;}
p.futosa7{font-weight:900;}
<body>～</body>に直接記入する場合
<p style="font-weight:bold;">太字</p>
<p style="font-weight:bolder;">太めの文字</p>
<p style="font-weight:lighter;">細めの字</p>
<p style="font-weight:normal;">標準の太さ</p>
<p style="font-weight:100;">最小の太さ</p>
<p style="font-weight:400;">標準の太さと同じ</p>
<p style="font-weight:900;">最大の太さ</p>
■ その他の項目
・
文字の大きさを変える
・
文字の色を変える
・
文字の書体を指定する
・
文字を斜めにする
・
小文字英字を大文字で表示
・
文字の表示位置を指定する
・
字下げをする
・
行間を指定する
・
文字、単語の間隔を空ける
・
文字に線を引く
・
小文字と大文字を入れ換える
・
上付き文字と下付き文字
スタイルシート一覧のページに戻る
|
