ga-05-e2

HTML/CSS初心者の為の
無料で挫折させない ホームページ作成講座

【 HTML/CSS逆引き辞典 】
文字の太さを変更する (font-weight)

A.サンプル1(太字指定)
  プロパティの書き方 ・・・ font-weight: bold;
  <p style="font-weight: bold; "> 文字の太さを太くするサンプルです。</p>
   文字の太さを太くするサンプルです。
  ※当ページの設定が「font-weight: bold」なので変わりません。

B.サンプル2(通常指定:デフォルト)
  プロパティの書き方 ・・・ font-weight: normal;
  <p style="font-weight: normal; "> 文字の太さを通常にするサンプルです。</p>
   文字の太さを通常にするサンプルです。

C.サンプル3(細字指定)
  プロパティの書き方 ・・・ font-weight: lighter;
  <p style="font-weight: lighter; "> 文字の太さを細くするサンプルです。</p>
   文字の太さを細くするするサンプルです。
  ※細字指定と通常指定は、ほとんど変わりません。

font-weightプロパティ リファレンス

■ 記述形式 : セレクタ{font-weight:値}

■ 値の形式 : 数値(100~900 の9段階で数値が大きいほど太くなる)
         キーワード(normal、bold、lighter、bolder)

■ 初期値 : normal

■ 適用可能要素 : すべての要素

■ 継承 : する

 back
pagetop
 next

文字色を変更する

文字の太さを変更する

文字のサイズ
を指定する

Copyright (c) 無料で挫折させないホームページ作成講座 All Rights Reserved.
by yorozuken