●文字の途中で、背景色を変える (Wiki)

「新規投稿」で記事を作る際、「Wiki文法使用」でチェックすると、
普通の「HTML」ではなく、「Wiki」の使い方が必要となります。
逆に言えば、「Wiki」と「HTML」を同時に作ることもできる！　とも言えます。
難しいこともありますが、結構面白いかもしれません　(^_^)r

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

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

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

【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は入りません）】

||<#ffffff' ``||
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文１
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文２
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文３
　　　　　：
　　　　　：

【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】

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

※colspan=＊ の ＊ は、上（下）の横列に文を作る数になります。
　 （１文、２文、３文、、、n文）

作成サンプル（Wiki文法のやり方、文字サイズ：14px）

※文と文を狭めるのには、style='～' の中に「padding」プロパティを入れます。
※ここでは、「padding:0px;」を入れました。

○背景色の「青色」を塗って、文字を「赤色」の斜体にします（Yahoo! ブログのヘルプ）。
　※背景色＝ #0000ff 、文字色＝ red

【例文】

||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「青色」を塗って、文字を「赤色」の
||<#0000ff' style=' padding:0px; font:italic 14px; color:red;’``斜体
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。

【実際】


○背景色の「青色」を塗って、文字を「赤色」の	斜体	にします（Wiki文法のやり方）。

○背景色の「赤色」を塗って、文字を「黄色」の太字にします（Yahoo! ブログのヘルプ）。
　※背景色＝ #ff0000 、文字色＝ yellow

【例文】

||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「赤色」を塗って、文字を「黄色」の
||<#ff0000' style=' padding:0px; font:bold 14px; color:yellow;’``太字
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。

【実際】


○背景色の「赤色」を塗って、文字を「黄色」の	太字	にします（Wiki文法のやり方）。

○背景色の「黄色」を塗って、文字を「青色」の太斜体にします（Yahoo! ブログのヘルプ）。
　※背景色＝ #ffff00 、文字色＝ blue

【例文】

||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「黄色」を塗って、文字を「青色」の
||<#ffff00' style=' padding:0px; font:italic bold 14px; color:blue;’``太斜体
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。

【実際】


○背景色の「黄色」を塗って、文字を「青色」の	太斜体	にします（Wiki文法のやり方）。

複数の行

※ここでは、fontプロパティと colorプロパティを一緒に入れました。

○まず、この全文【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は
　入りません）】を作成します。
○すると、途中の行で改行すると、１つ１つの文が別々に分かれてしまいました。

【例文】

||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ff0000' style=' padding:0px; font:bold 14px; color:blue;’``面白いこと、
||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま～す！総合２
「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま～す！総合３「Wikiリファレン
ス」の本です！面白いこと、いっぱい詰まってま～す！＼(^o^)/」。

【実際】


総合１「Wikiリファレンス」の本です！	面白いこと、	いっぱい詰まってま～す！総合２「Wikiリファレンス」の本です！面白いこと、いっぱい詰まってま～す！総合３「Wikiリファレンス」の本です！面白いこと、いっぱい詰まってま～す！＼(^o^)/」。

では、１つ1つの文をつなげるために、下記のように設定します。

【例文】
○まず、１行目に空白行を設定します。

||<#ffffff' ``||

○次は、２行目を設定しましょう。
　最初に、第１文と第２文を作成します。

||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ff0000' style=' padding:0px; font:bold 14px; color:blue;’``面白いこと、

○次、第３文の文末を改行します。
　（ここでは第３文の文末　～す！総合２「Wikiリファ　まで、切りが付ける場所で改行します。）

||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま～す！総合２「Wikiリファ

○そして、３行目から最後の文章まで、【上（下）の行の後から、単独の文を作成（行末に ||
　（縦棒×２）】の文まで作成して完成です。
　※colspan=3

||<#ffffff' colspan=3 style=' padding:0px; font:14px;' ``レンス」の本です！ 面白いこと、いっぱい詰まってま～す！　総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま～す！＼(^o^)/」。||

【実際】


総合１「Wikiリファレンス」の本です！	面白いこと、	いっぱい詰まってま～す！総合２「Wikiリファ
レンス」の本です！面白いこと、いっぱい詰まってま～す！　総合３「Wikiリファレンス」の本です！面白いこと、いっぱい詰まってま～す！＼(^o^)/」。