●fontプロパティ 「行間、フォントの種類」（CSS）
【例文】の行が長くなる場合は、途中の行で「 ↓連続 」を書き、
最後の行末を「 <--改行 」で書いています。
【実際】の文を作成する場合は、「 ↓連続 」と「 <--改行 」を全部、削除してください。
※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。
【単独のみの基本文を作成（行末に || （縦棒×２）】
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||
【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は入りません）】
||<#ffffff' ``||
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文１
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文２
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文３
：
：
【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】
||<背景色' colspan=＊ style=' プロパティ:値; プロパティ:値; ...;' ``文字列||
※colspan=＊ の ＊ は、上（下）の横列に文を作る数値です。
（１文→ colspan=1、２文→ colspan=2、３文→ colspan=3、、、）
作成サンプル
※fontプロパティの font-size と font-family は、省略できません！
○文字の行間（line-height）「normal」、「1.5」、「200%」を設定します。
【例文】
||<#ffffff' style=' font:12px/normal sans-serif;’``○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。||
||<#ffffff' style=' font:12px/1.0 sans-serif;’``○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。||
||<#ffffff' style=' font:12px/300% sans-serif;’``○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。||
【実際】
| ○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。 |
| ○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。 |
| ○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。 |
○文字のフォント名（font-family）の中で、５つあるフォントの種類（serif、sans-serif、
cursive、fantasy、monospace）を設定します。
※フォントの種類とは、ブラウザで設定されているデフォルト・フォントのことで、
パソコン自体が情報のキーワードを検索し、そのフォント名を指定されています。
（例：Windows→"ＭＳ Ｐゴシック"、Macintosh→Osaka など）
【例文】
||<#ffffff' style=' font:14px sans-serif;' ``この sans-serif は、ゴシック系フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px serif;’``この serif は、明朝系フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px cursive;’``この cursive は、草書体・筆記体フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px fantasy;’``この fantasy は、装飾的なフォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px monospace;’``この monospace は、等幅フォントです＝ ABCDEFG abcdefg 1234567890||
【実際】
| この sans-serif は、ゴシック系フォントです＝ ABCDEFG abcdefg 1234567890 |
| この serif は、明朝系フォントです＝ ABCDEFG abcdefg 1234567890 |
| この cursive は、草書体・筆記体フォントです＝ ABCDEFG abcdefg 1234567890 |
| この fantasy は、装飾的なフォントです＝ ABCDEFG abcdefg 1234567890 |
| この monospace は、等幅フォントです＝ ABCDEFG abcdefg 1234567890 |
|
| 【記事作成 ＞ びーにぃc http：//blogs.yahoo.co.jp/bea_nies 】
| |
|
フォントがいろいろと使えると単調な文にも変化付けれていいですね＾＾ｖｖ
2005/8/23(火) 午後 8:22
この「font（font-family）では、２バイト（いわゆる「全角」）は普通のフォントで、１バイト（いわゆる「半角」）のフォントだけ色んなフォントに替わっています。必ず、「半角」のフォント（あいう〜はダメで、ABCabcは可能）を使用してね！ (^_^)r
2005/8/29(月) 午後 8:04
う〜ん＾＾そうなんですか＾＾がんばりますね〜＾＾今から何に使おうかと考えたりしてます＾＾ｖｖ
2005/8/29(月) 午後 8:17
fontの「行間」と「フォントの種類」を変更しました m(_ _)m WindowsのPCは分かるのですが、MacなどのPCは持っていないので、表示も分かりませんでした (^_^;
2005/9/21(水) 午前 10:20
こんにちは、古い記事への質問ですみません。「colspan=*」や「style=*」は本来はどこかで宣言文でプロパティを設定するやり方なのでしょうか？任意の数字を与えてやれば、改行文なしに表が作れるかとおもいましたが・・・・そういうことではなさそうですね＾＾；
2006/9/24(日) 午後 3:05
びーにぃ様!頂きます｡
2006/10/30(月) 午前 10:33 [ - ]
●Ｂｕｋさん＞ すみません。遅くなって申し訳ありません。(^_^;
2006/11/2(木) 午後 0:16
●コルフスキさん＞ どうぞ、ご自由に持って行ってくださいね！ m(. .)m
2006/11/2(木) 午後 0:17
いろいろ勉強になります。申し訳ありませんがください
2007/1/9(火) 午後 10:09 [ 愛姫 ]
●ワンコママ＞ どうぞどうぞ、持っていってくださいね！ (^_-)-☆
2007/1/11(木) 午後 4:08
フォントの種類、参考にさせていただきます。m(__)m
5月のYahoo!ﾒﾝﾃﾅﾝｽ以降、font:の一括指示（と呼ぶのでしょうか）は
できなくなったと思っていましたが、まだ使えたんですね。知りませんでした。 非公開記事でいろいろ試してみます。
ありがとうございました。
2007/9/19(水) 午後 6:40
●くみさん＞ これでも、結構面白いでしょ！ 楽しんでくださいね〜 (^_-)-☆
2007/9/20(木) 午後 6:25