CSS/フォントサイズの指定サンプル
の編集
Top
/
CSS
/
フォントサイズの指定サンプル
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
#navi(../) * CSSでフォントサイズを指定する [#z83b7faf] 以下のようにfont-sizeをptで指定すればフォントのサイズを細かく指定することができますが、 style="font-size : 10pt" 本資料ではpt指定ではなく、largerやlargeなどの文字列指定によるサンプルを記します。 #contents #htmlinsertpcsp(web-top.html,web-sp.html) * 関連記事 [#s1319ede] -[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]] -[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]] -[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]] -[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]] -[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]] * font-size : 文字列 [#y46e75a1] 以下のfont-sizeのサンプルHTMLを記します。 #ref(font-size.html) <div style="font-size : smaller">font-size : smaller</div> <div style="font-size : small">font-size : small</div> <div style="font-size : x-small">font-size : x-small</div> <div style="font-size : xx-small">font-size : xx-small</div> <div style="font-size : medium">font-size : medium</div> <div style="font-size : larger">font-size : larger</div> <div style="font-size : large">font-size : large</div> <div style="font-size : x-large">font-size : x-large</div> <div style="font-size : xx-large">font-size : xx-large</div> ** font-size動作確認用URL [#u7fcda91] 以下、動作確認用のURLです。~ http://web.just4fun.biz/css/5/font-size.html ** font-sizeスクリーンショット [#e9af9759] 上記HTMLをブラウザで表示した時のスクリーンショットです。 #ref(01.gif) 以上、font-sizeのサンプルHTMLでした。 #htmlinsertpcsp(web-btm.html,web-sp.html)
タイムスタンプを変更しない
#navi(../) * CSSでフォントサイズを指定する [#z83b7faf] 以下のようにfont-sizeをptで指定すればフォントのサイズを細かく指定することができますが、 style="font-size : 10pt" 本資料ではpt指定ではなく、largerやlargeなどの文字列指定によるサンプルを記します。 #contents #htmlinsertpcsp(web-top.html,web-sp.html) * 関連記事 [#s1319ede] -[[文字列に下線・上線・取り消し線を設定するサンプル>CSS/文字列に下線・上線・取り消し線を設定するサンプル]] -[[フォントサイズの指定サンプル>CSS/フォントサイズの指定サンプル]] -[[斜体で文字列を表示する>CSS/斜体で文字列を表示する]] -[[文字列を太文字表示する・font-weight>CSS/文字列を太文字表示する・font-weight]] -[[フォントを指定して文字列を表示する・font-family>CSS/フォントを指定して文字列を表示する・font-family]] * font-size : 文字列 [#y46e75a1] 以下のfont-sizeのサンプルHTMLを記します。 #ref(font-size.html) <div style="font-size : smaller">font-size : smaller</div> <div style="font-size : small">font-size : small</div> <div style="font-size : x-small">font-size : x-small</div> <div style="font-size : xx-small">font-size : xx-small</div> <div style="font-size : medium">font-size : medium</div> <div style="font-size : larger">font-size : larger</div> <div style="font-size : large">font-size : large</div> <div style="font-size : x-large">font-size : x-large</div> <div style="font-size : xx-large">font-size : xx-large</div> ** font-size動作確認用URL [#u7fcda91] 以下、動作確認用のURLです。~ http://web.just4fun.biz/css/5/font-size.html ** font-sizeスクリーンショット [#e9af9759] 上記HTMLをブラウザで表示した時のスクリーンショットです。 #ref(01.gif) 以上、font-sizeのサンプルHTMLでした。 #htmlinsertpcsp(web-btm.html,web-sp.html)
テキスト整形のルールを表示する
添付ファイル:
font-size.html
344件
[
詳細
]
01.gif
367件
[
詳細
]