wiki文法で画像を枠で囲む

wiki文法で画像を枠で囲む

今度は画像を枠で囲みたいと思います
wiki文法使用にチェックを入れてください。
画像の位置については画像の位置についてをご覧ください。枠についてはwiki文法で枠をつけるをご覧ください。
囲みたい画像を画像添付に開いてください。
↓枠の種類です　border：の後につけたい枠の種類をいれてください。

double

solid

dashed

dotted

ridge

groove

inset

outset

まずsolidの枠で囲んでみたいと思います。

||||<#FFFFFF'style='border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]||

[[attached(1,left)]]

囲んでみました。でもなんかこれだけだとさびしいですね。

文字も入れてみましょう。

||||<#FFFFFF'style='width:180px;border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

背景色も変えてみましょう。

||||<#FFFF00'style='width:180px;border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

良くなりました。

他の枠でも作ってみましょう。

[[attached(1,left)]]画像に枠をはめてみました doubleの枠

[[attached(1,left)]]画像に枠をはめてみました dashedの枠

[[attached(1,left)]]画像に枠をはめてみました dottedの枠

[[attached(1,left)]]画像に枠をはめてみました ridgeの枠

[[attached(1,left)]]画像に枠をはめてみました grooveの枠

[[attached(1,left)]]画像に枠をはめてみました insetの枠

[[attached(1,left)]]画像に枠をはめてみました outsetの枠

お役に立てたら傑作ポチしてくれると大変嬉し〜です。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

この記事は、私がファン登録をさせて頂いていたブログ「☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪ 」（http://blogs.yahoo.co.jp/run_7stars ）からの転載記事です。

転載元のブログは、私が辞書替わりにさせて頂いていたものですが、病気の故か、2009年5月30日を以て閉鎖する由。
止むを得ず、記事を「保存」する為、私のブログに転載する事と致しました。
ヤフーの転載は、システム上、特定の１ブログからは一定時間（３時間程度？）で１０記事に制限されている模様です。

私のブログの中で、記事としての整合性を保つ為、初歩的なものから順に、転載して行きます。転載権限の設定されていない記事や、私の全く必要ないと思う記事などは転載を行いません。

ヤフー・ブログの「転載」と云うシステムをご存知ない方は、トラックバックした記事をご覧下さい。

なお、傑作ポチして頂けるのであれば、出来ましたら、転載元が存続している限りは、転載元への傑作ポチを優先して頂けると、嬉しいです。

2009年3月15日現在、この記事の前提となる「枠の設定の仕方」については、転載が許可されていません。転載元のブログ記事 http://blogs.yahoo.co.jp/run_7stars/10716745.html をご参照下さい。

この転載不許可のブログ記事が、記事中のリンクの２番目「wiki文法で枠をつける」です。

が、記事中のリンクの１番目「画像の位置について」は、転載が許可されていますので、私のブログにも転載してあります。もし、転載元が閉鎖されてしまったら、http://blogs.yahoo.co.jp/ubiquitous_budda/56959377.html を参照して下さい。

なお、上の記事の「他の枠でも作ってみましょう。」はborder:solid のsokidの部分の指定を、それぞれ、枠の中に書かれている通りに指定したものです。読みにくいところもあるので、書き出しますと、上から double（＝指定としちゃ、border:double ）、dashed 、ridge 、droove 、inset 、outset です。

この記事の表示は、転載元の記事と同じ様には表示されておらず、転載元の記事では画像に枠がはめられているのに、転載して来た私のブログでは、「画像に枠」ではなく、「文字を書いたタイトルに枠」になってしまっています。

この理由は、ヤフー・ブログのプログラム・ミス。画像を転載先のブログの画像として格納しておらず、転載元のブログの画像をリンクして表示しているに過ぎないからです。一番上の画像にカーソルを合わせ、そのプロパティを確認すれば、このプログラム・ミスである事態を理解出来るかと思いますが…この記事を読んでいる段階ではまだ難しいかな？

||<#ほにゃらら

の書き方を利用するだけで、ケータイからwebブラウザを利用せずに閲覧した場合、不具合が出る事が判りました。

詳しくは、下にトラックバックしてある

wiki文法 ||<#ほにゃらら のヤフー・ブログでの問題点
http://blogs.yahoo.co.jp/ubiquitous_budda/57366236.html

の記事をご覧下さい。

この記事のリンクは、ｒｕｎさんのブログの記事にリンクされています。

Ｒｕｎさんのブログは2009年5月30日を以て閉鎖される予定と表明されていますので、以後、リンクが切れてしまいます。

Ｒｕｎさんのご厚意で、元記事を当方のブログに転載する事が出来ましたので、以後は、そちらをご覧下さい。

画像の位置については

wiki文法で画像の位置を指定する
http://blogs.yahoo.co.jp/ubiquitous_budda/57506066.html

をご覧ください。枠については

wiki文法で枠を作る
http://blogs.yahoo.co.jp/ubiquitous_budda/57505009.html

をご覧ください。