HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


文字の太さを変える

CSSの書き方

font-weight:値 … ;

CSSの詳細情報
プロパティ名 font-weight 対応ブラウザ Windows MAC
読み方 フォントウェイト IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0
意味 文字の太さ CSSレベル CSSレベル1
設定値 数値/キーワード 対象 すべての要素
デフォルト normal 継承 する

解説

文字の太さを変えるプロパティです。値には数値による指定と、キーワードによる指定があります。

数値による指定

数値による指定は、100〜900までの数字を100刻みで記述します。指定上は9段階で切り替えることができますが、WEBブラウザの多くは、実際に9段階ほど細かくは変更されないようです。

キーワードによる指定

キーワードによる指定は、絶対キーワードと、相対キーワードがあります。

絶対キーワード 相対キーワード
設定値 内容 設定値 内容
normal 標準(数値だと400に相当) lighter 1段階細く
bold 太い(数値だと700に相当) bolder 1段階太く

太字と強調

HTMLの太字と強調とこのスタイルシートの文字の太さを混同しないように注意してください。本来、文章の中で論理的な強調はHTMLのSTRONGタグを使用すべきです。

CSS/HTMLサンプル

h1 { font-weight:bold; }

見出しの太さを太くする サンプル