CSS - font-weight

トップ > CSSリファレンス > font-weight

概要

属性名 font-weight
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
初期値normal
適用可能要素すべての要素
継承継承する
メディアvisual
アニメーション可能

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS13113.51.3

説明

フォントの太さを指定します。

説明
normal通常の太さ。
bold太字。
bolderより太く。
lighterより細く。
100-900数値指定。100が細く、900が太い。

使用例

HTML
<div style="font-weight:normal">normal: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:bold">bold: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:bolder">bolder: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:lighter">lighter: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:100">100: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:200">200: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:300">300: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:400">400: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:500">500: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:600">600: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:700">700: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:800">800: たかが Rock'n Roll されど Rock'n Roll</div>
<div style="font-weight:900">900: たかが Rock'n Roll されど Rock'n Roll</div>
表示
normal: たかが Rock'n Roll されど Rock'n Roll
bold: たかが Rock'n Roll されど Rock'n Roll
bolder: たかが Rock'n Roll されど Rock'n Roll
lighter: たかが Rock'n Roll されど Rock'n Roll
100: たかが Rock'n Roll されど Rock'n Roll
200: たかが Rock'n Roll されど Rock'n Roll
300: たかが Rock'n Roll されど Rock'n Roll
400: たかが Rock'n Roll されど Rock'n Roll
500: たかが Rock'n Roll されど Rock'n Roll
600: たかが Rock'n Roll されど Rock'n Roll
700: たかが Rock'n Roll されど Rock'n Roll
800: たかが Rock'n Roll されど Rock'n Roll
900: たかが Rock'n Roll されど Rock'n Roll

リンク


Copyright (C) 1997-2017 杜甫々
初版:1997年7月27日、最終更新:2017年11月19日
http://www.tohoho-web.com/css/prop/font-weight.htm