●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 】
| |
|
コメント（7）
