サンプル - Microsoft Internet Explorer |
normalです
boldです bolderです lighterです 400です 700です |
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> <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>