テキスト指定例リスト

■ 7. フォントサイズ指定例

【このページ内のトピック： 「Ctrl-矢印」でフォーカス移動・「G/T」連打で自動ナビ】

7.1 fontタグ：size=1,..,7 7.2 xx-small,..,medium,..,xx-large 7.3 smaller,larger 7.4 50%,..,100%,..,200% 7.5 0.5em,..,1em,..,2.0em 7.6 0.5ex,..,1ex,..,2.0ex 7.7 10px,...,30px 7.8 10pt,...,30pt 7.9 1pc,...,3pc 7.10 2mm,...,10mm 7.11 0.2cm,...,1.0cm 7.12 0.1in,...,0.5in

フォントサイズの指定は

	相対値(size=1〜7, キーワード[small,large等], パーセント[%],文字の高さ[em],小文字xの高さ[ex])
	絶対値(ピクセル[px],ポイント[pt],パイカ[pc],センチ[cm],ミリ[mm],インチ[in])

によって可能です。 以下の例では sizeは<font size=...>、それ以外はスタイルシートで <div style="font-size:...">として指定しました。

■ 7.1 fontタグ：size=1,..,7

<font size="1...7">...</font>

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
size=1		美しい日本語		Stylish English
size=2		美しい日本語		Stylish English
size=3		美しい日本語		Stylish English
size=4		美しい日本語		Stylish English
size=5		美しい日本語		Stylish English
size=6		美しい日本語		Stylish English
size=7		美しい日本語		Stylish English

■ 7.2 xx-small,..,medium,..,xx-large

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
xx-small		美しい日本語		Stylish English
x-small		美しい日本語		Stylish English
small		美しい日本語		Stylish English
medium		美しい日本語		Stylish English
large		美しい日本語		Stylish English
x-large		美しい日本語		Stylish English
xx-large		美しい日本語		Stylish English

■ 7.3 smaller,larger

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
smaller		美しい日本語		Stylish English
larger		美しい日本語		Stylish English

■ 7.4 50%,..,100%,..,200%

[%] = パーセント

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
50%		美しい日本語		Stylish English
70%		美しい日本語		Stylish English
90%		美しい日本語		Stylish English
100%		美しい日本語		Stylish English
120%		美しい日本語		Stylish English
150%		美しい日本語		Stylish English
200%		美しい日本語		Stylish English

■ 7.5 0.5em,..,1em,..,2.0em

[em] = 文字全体の高さ

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
0.5em		美しい日本語		Stylish English
0.7em		美しい日本語		Stylish English
0.9em		美しい日本語		Stylish English
1em		美しい日本語		Stylish English
1.2em		美しい日本語		Stylish English
1.5em		美しい日本語		Stylish English
2.0em		美しい日本語		Stylish English

■ 7.6 0.5ex,..,1ex,..,2.0ex

[ex] = 小文字「x」の高さ

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
0.5ex		美しい日本語		Stylish English
0.7ex		美しい日本語		Stylish English
0.9ex		美しい日本語		Stylish English
1ex		美しい日本語		Stylish English
1.2ex		美しい日本語		Stylish English
1.5ex		美しい日本語		Stylish English
2.0ex		美しい日本語		Stylish English

■ 7.7 10px,...,30px

[px] = ピクセル

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
10px		美しい日本語		Stylish English
12px		美しい日本語		Stylish English
14px		美しい日本語		Stylish English
16px		美しい日本語		Stylish English
20px		美しい日本語		Stylish English
24px		美しい日本語		Stylish English
30px		美しい日本語		Stylish English

■ 7.8 10pt,...,30pt

[pt] = ポイント(1[pt]＝1/72[in])

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
10pt		美しい日本語		Stylish English
12pt		美しい日本語		Stylish English
14pt		美しい日本語		Stylish English
16pt		美しい日本語		Stylish English
20pt		美しい日本語		Stylish English
24pt		美しい日本語		Stylish English
30pt		美しい日本語		Stylish English

■ 7.9 1pc,...,3pc

[pc] = パイカ(1[pc]＝12[pt])

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
1pc		美しい日本語		Stylish English
1.2pc		美しい日本語		Stylish English
1.4pc		美しい日本語		Stylish English
1.6pc		美しい日本語		Stylish English
2pc		美しい日本語		Stylish English
2.4pc		美しい日本語		Stylish English
3pc		美しい日本語		Stylish English

■ 7.10 2mm,...,10mm

[mm] = ミリメートル

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
2mm		美しい日本語		Stylish English
5mm		美しい日本語		Stylish English
7mm		美しい日本語		Stylish English
9mm		美しい日本語		Stylish English
10mm		美しい日本語		Stylish English

■ 7.11 0.2cm,...,1.0cm

[cm] = センチメートル

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
0.2cm		美しい日本語		Stylish English
0.5cm		美しい日本語		Stylish English
0.7cm		美しい日本語		Stylish English
0.9cm		美しい日本語		Stylish English
1.0cm		美しい日本語		Stylish English

■ 7.12 0.1in,...,0.5in

[in] = インチ(1[in]＝2.54[cm])

指定内容		日本語		英語
指定無し		美しい日本語		Stylish English
0.1in		美しい日本語		Stylish English
0.2in		美しい日本語		Stylish English
0.3in		美しい日本語		Stylish English
0.4in		美しい日本語		Stylish English
0.5in		美しい日本語		Stylish English

【きぃなび情報】 ・ホーム ・使い方＆試す ・キー割当て表示			【関連リンク】 ・JavaScriptバグ＆回避法 ・HTML,CSSバグ＆回避法 ・JavaScript小技集
	テキスト指定例リスト 目次 【数字キーでアクセス】 例 ： 「2.1節」は「2｣キーを2回連打して移動。「Q or P」で戻る。 「Ctrl-矢印」でフォーカス移動。
		1. 目次 2. HTMLテキスト関連一般 3. HTML その他 4. スタイルシート フォント関連 5. スタイルシート テキスト関連 6. フォントファミリー指定例 7. フォントサイズ指定例 7.1 fontタグ：size=1,..,7 7.2 xx-small,..,medium,..,xx-large 7.3 smaller,larger 7.4 50%,..,100%,..,200% 7.5 0.5em,..,1em,..,2.0em 7.6 0.5ex,..,1ex,..,2.0ex 7.7 10px,...,30px 7.8 10pt,...,30pt 7.9 1pc,...,3pc 7.10 2mm,...,10mm 7.11 0.2cm,...,1.0cm 7.12 0.1in,...,0.5in 8. 各種フォントサイズとブラウザ互換性 9. 縦書き（追加作成中）