TOPページ >  文字を修飾する(書体、色、大きさなど...) > 文字の太さを指定する

文字の太さを指定する

ホームページやブログなどのウェブサイトで文章を表示させる際に、文字の太さを指定することができます。

InternetExplorer3 Netscape4
<タグ名 style="font-weight:文字の太さ">太さを指定する文字</タグ名>
  1. タグ名:PやDIV、SPANタグなどが一般的ですが、他にもほとんどのブロックタグやインラインタグが使用可能です。
  2. 文字の太さ:下記のキーワードまたは数値で指定できます。
    キーワード文字の太さ
    normal通常
    bold太字
    bolderより太く
    lighterより細く
    数値
    100(細い)~900(太い)
    ※100刻みで指定

サンプルソースです。

<div style="font-weight:normal">
この文字は、normal(普通)です。</div>
<div style="font-weight:bold">

この文字は、bold(太字)です。</div>
<div style="font-weight:bolder">

この文字は、bolder(より太く)です。</div>
<div style="font-weight:lighter">

この文字は、lighter(より細く)です。</div>
<hr>
<div style="font-weight:100"> この文字は、太さ100です。</div>
<div style="font-weight:300">
この文字は、太さ300です。</div>
<div style="font-weight:500">
この文字は、太さ500です。</div>
<div style="font-weight:700">
この文字は、太さ700です。</div>
<div style="font-weight:900">
この文字は、太さ900です。</div>

このソースを表示させると、次のようになります。

この文字は、normal(普通)です。
この文字は、bold(太字)です。
この文字は、bolder(より太く)です。
この文字は、lighter(より細く)です。

この文字は、太さ100です。
この文字は、太さ300です。
この文字は、太さ500です。
この文字は、太さ700です。
この文字は、太さ900です。

デフォルトの設定が通常あまり太くありませんから、細くする指定をしても違いがわかりにくいかも知れません。

単に太字で表示させたい場合は、専用タグによる方法もあります。→文字を太字にする

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
文字の大きさを指定する(FONTタグ)
文字の修飾方法を指定する
文字を点滅させる
ルビ(ふりがな)の位置揃えを指定する
ルビ(ふりがな)の表示位置を指定する
文字にルビ(ふりがな)を付ける
文章の一部にスタイルを適用する
文字を等幅文字にする
文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
文章の書体を指定する(スタイル指定)
文章の段落を指定する
文字をイタリック/斜体にする
文字の書体を指定する(専用タグ)
文字に下線をつける(アンダーライン)
文字を見え消しにする(取消線)
文字を強調する
文字の太さを指定する
文字を太字にする
上付き/下付き文字にする
文字の色を変える
文字を一段大きく/小さくする
文字の大きさを指定する(スタイル指定)
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス