WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > font-weight
font-weight  文章  定番 

フォントの太さを指定。

このエントリーをはてなブックマークに追加

主な利用例

<strong>タグなどの代わりのスタイルとして font-weight:bold; が多く使われます。

パラメーター

●数値で指定
 100(細)、200、300、400(標準)、500、600、700、800、900(太)で太さを指定。
 *フォントに依存するため、太さが変化しない場合が多くあります。
●キーワードで指定
 normal …標準。
 bold …太字(数値で700)。
 lighter …相対的に一段階細く。
 bolder …相対的に一段階太く。


サンプルコード

<p style="font-weight:100;">100を指定</p>
<p style="font-weight:400;">400を指定</p>
<p style="font-weight:800;">800を指定</p>

100を指定

400を指定

800を指定


<p style="font-weight:normal;">normal</p>
<p style="font-weight:bold;">bold</p>
<p style="font-weight:lighter;">lighter</p>
<p style="font-weight:bolder;">bolder</p>

normal

bold

lighter

bolder


<div style="font-weight:bold;">
太字です。
<span style="font-weight:lighter;">一段階細く</span>
</div>
太字です。一段階細く