point 文字を太字にする

font-weight:

指定できる値
キーワードや数値で指定
normal   普通
bold 太字
bolder 相対的に文字を太くする
lighter 相対的に文字を細くする
100から900までの100単位の数値
 

文字の太さを指定するには、font-weightプロパティを使います。

基本的には、値にboldを指定すれば太字になりますが、これ以外にbolderを指定することで相対的に文字を太くしたり、lighterを指定することで相対的に文字を細くすることも出来ます。

しかし、親要素の文字の太さによっては太さが変わらない場合もあります。

それと、100から900までの100単位の数値で太さを指定することも出来ます。普通の状態の時normalが400と同じ太さで、boldが700と同じ太さになります。

この指定方法は、100から900までの100単位で指定するということなので9通りの太さが指定出来そうですが、実際はフォント(文字の種類)によっても違いますが、だいたい2〜4パターンぐらいしか太さを指定できません。

また、対応する数値がフォント(文字の種類)によって違います。

このように、文字の太さを変える値の指定方法はいろいろありますが、とりあえずは、boldを使えばいいでしょう。

サンプル - Microsoft Internet Explorer
normalです

boldです

bolderです

lighterです

400です

700です

HTML&CSS
<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
.test1	{ font-weight:normal; }
.test2	{ font-weight:bold;   }
.test3	{ font-weight:bolder; }
.test4	{ font-weight:lighter;}
.test5	{ font-weight:400;    }
.test6	{ font-weight:700;    }
-->
</style>
</head>
<body>
<p class="test1">normalです</p>
<p class="test2">boldです</p>
<p class="test3">bolderです</p>
<p class="test4">lighterです</p>
<p class="test5">400です</p>
<p class="test6">700です</p>
</body>
</html> 
 

スポンサード・リンク