●fontプロパティ「スタイル、太さ、サイズ」（CSS）

【例文】の行が長くなる場合は、途中の行で「 ↓連続」を書き、
　最後の行末を「 <--改行」で書いています。
【実際】の文を作成する場合は、「 ↓連続」と「 <--改行」を全部、削除してください。

※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
　そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。

【単独のみの基本文を作成（行末に || （縦棒×２）】

||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||

作成サンプル

fontプロパティの中は、「font-style」⇔「font-variant」⇔「font-weight」（以下順不同）→
「font-size」→「line-height」→「font-family」で各プロパティの値が指定されています。
そして、その各プロパティの順序は上記の通り決まっています。
※ただし、fontプロパティの「font-size」と「font-family」では、省略できません！

○文字のスタイル（font-style）の「normal」、「italic」、「oblique」を設定します。

【例文】（スタイル→サイズ→フォント名）

||<#ffffff' style=' font:normal 14px sans-serif;’``normal = ABCDE abcde 12345||
||<#ffffff' style=' font:italic 14px sans-serif;’``italic = ABCDE abcde 12345||
||<#ffffff' style=' font:oblique 14px sans-serif;’``oblique = ABCDE abcde 12345||

【実際】

normal = ABCDE abcde 12345

italic = ABCDE abcde 12345

oblique = ABCDE abcde 12345

○文字の太さ（font-weight）の「bold」、「400」、「900」を設定します。

【例文】（太さ→サイズ→フォント名）

||<#ffffff' style=' font:bold 14px sans-serif;’``bold = ABCDE abcde 12345||
||<#ffffff' style=' font:400 14px sans-serif;’``400 = ABCDE abcde 12345||
||<#ffffff' style=' font:900 14px sans-serif;’``900 = ABCDE abcde 12345||

【実際】

bold = ABCDE abcde 12345

400 = ABCDE abcde 12345

900 = ABCDE abcde 12345

○文字のサイズ（font-size）の「xx-small」、「x-small」、「small」、「medium」、「large」、
　「x-large」、「xx-large」、「smaller」、「larger」、「9px」、「12px」、「30px」、「100px」
　を設定します。

【例文】（サイズ→フォント名）

||<#ffffff' style=' font:xx-small sans-serif;’``xx-small||
||<#ffffff' style=' font:x-small sans-serif;' ``x-small||
||<#ffffff' style=' font:small sans-serif;' ``small||
||<#ffffff' style=' font:medium sans-serif;' ``medium||
||<#ffffff' style=' font:large sans-serif;' ``large||
||<#ffffff' style=' font:x-large sans-serif;' ``x-large||
||<#ffffff' style=' font:xx-large sans-serif;' ``xx-large||
||<#ffffff' style=' font:smaller sans-serif;' ``smaller||
||<#ffffff' style=' font:larger sans-serif;' ``larger||
||<#ffffff' style=' font:9px sans-serif;' ``9px||
||<#ffffff' style=' font:12px sans-serif;' ``12px||
||<#ffffff' style=' font:20px sans-serif;' ``20px||
||<#ffffff' style=' font:50px sans-serif;' ``50px||
||<#ffffff' style=' font:70px sans-serif;' ``70px||
||<#ffffff' style=' font:100px sans-serif;' ``100px||

【実際】

xx-small

x-small

small

medium

large

x-large

xx-large

smaller

larger

9px

12px

20px

50px

70px

100px


	【記事作成＞びーにぃ©　http：//blogs.yahoo.co.jp/bea_nies 】

【サンプル文】 ||<#99CCFF' style=' color:#808000;' ``【例１】背景色は「#99CCFF」、文字色は「#808000」|| ||<#99CCFF' style=' color:olive;' ``【例１】背景色は「#99CCFF」、文字色は「olive」|| ||<#FFFFFF' style=' color:blue; background-color:navy;' ``【例２】背景色は「白色」、文字色は「blue」、バックグラウンド色は「navy」|| ||<#FFFFFF' style=' color:olive; background-color:purple;' ``【例２】背景色は「白色」、文字色は「olive」、バックグラウンド色は「purple」||

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

日

月

火

水

木

金

土

【びーにぃ】の、Wiki攻略本

□フォント