CSS/文字列を太文字表示する・font-weight
の編集
Top
/
CSS
/
文字列を太文字表示する・font-weight
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
#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)
タイムスタンプを変更しない
#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)
テキスト整形のルールを表示する
添付ファイル:
01.gif
543件
[
詳細
]
weight.html
519件
[
詳細
]