Loose-Info.com

Last Update 2019/12/25


TOP - CSS1(Cascading Style Sheets, level 1) - font-weight

フォントの太さを指定します。
中間値(300など)の表示上の違いは確認できていません。

設定値
normal : 通常フォント bold : ボールド体 bolder : 親要素よりも太い lighter : 親要素よりも細い 100 〜 900 : 数値による太さ(normal = 400)

(例)
<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>テスト</TITLE> <STYLE type="text/css"> <!-- P.test_normal {font-family: serif; font-weight: normal} P.test_bold {font-family: serif; font-weight: bold} P.test_100 {font-family: serif; font-weight: 100} P.test_400 {font-family: serif; font-weight: 400} P.test_700 {font-family: serif; font-weight: 700} P.test_900 {font-family: serif; font-weight: 900} --> </STYLE> </HEAD> <BODY> <P class="test_normal">ABCDE あいうえお</P> <P class="test_bold">ABCDE あいうえお</P> <P class="test_100">ABCDE あいうえお</P> <P class="test_400">ABCDE あいうえお</P> <P class="test_700">ABCDE あいうえお</P> <P class="test_900">ABCDE あいうえお</P> </BODY> </HTML>