#navi(../)
* 文字列を太文字表示する・font-weight [#l15d35ab]
font-weightで文字の太さを指定するとボールドで表示することができます。~
以下にサンプルHTML等を記します。

#contents
#htmlinsertpcsp(web-top.html,web-sp.html)

* 関連記事 [#lda04463]
-[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]]
-[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]]
-[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]]
-[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]]
-[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]]


* 太文字表示するHTML [#e23439b0]
以下のHTMLにより文字を太文字で表示することができます。
#ref(weight.html)
 <div style="font-weight : bold">font-weight : bold</div>
 <div style="font-weight : bolder">font-weight : bolder</div>
 <div style="font-weight : lighter">font-weight : lighter</div>
 <div style="font-weight : 600">font-weight : 600</div>
 <div style="font-weight : 700">font-weight : 700</div>
 <div style="font-weight : 800">font-weight : 800</div>

** 太文字表示確認URL [#r3af1b5f]
以下、動作確認用URLです。

http://web.just4fun.biz/css/7/weight.html

** 太文字表示のスクリーンショット [#l65c0351]
上記HTMLをブラウザで表示した時のスクリーンショットです。
#ref(01.gif)


以上、CSSで太文字表示の設定でした。

#htmlinsertpcsp(web-btm.html,web-sp.html)

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS