Template:右
[Wikipedia|▼Menu]
.mw-parser-output .documentation,.mw-parser-output .documentation-metadata{border:1px solid #a2a9b1;background-color:#ecfcf4;clear:both}.mw-parser-output .documentation{margin:1em 0 0 0;padding:1em}.mw-parser-output .documentation-metadata{margin:0.2em 0;font-style:italic;padding:0.4em 1em}.mw-parser-output .documentation-startbox{padding-bottom:3px;border-bottom:1px solid #aaa;margin-bottom:1ex}.mw-parser-output .documentation-heading{font-weight:bold;font-size:125%}.mw-parser-output .documentation-clear{clear:both}.mw-parser-output .documentation-toolbar{font-style:normal;font-size:85%} テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄].mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:#f8f9fa;box-sizing:border-box}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%;font-size:90%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}

このテンプレートは5,000以上のページで使われています。
余計な混乱やサーバーへの負荷を避けるために、どんな変更でも最初はテンプレートのサンドボックス・サブページテストケース・サブページもしくはあなた自身の利用者スペースページで試すべきです。そうすれば、試した変更を1度の編集でこのテンプレートに加えることができます。しかし、最初にあなたの提案した変更を、この項目のノートで議論するようにお願いします。

用途

このテンプレートはひとかたまりの文章、画像、表などをページの右側に寄せたいときに使います。ただし、画像や表はこのテンプレートを使用しなくてももっとスマートな方法で同じ効果を得られる場合もあります。

画像に使用する場合の注意点。

以前は複数の画像をページの右側に縦1列に並べるにはこのテンプレートを使用するしか方法はありませんでしたが、現在はこのテンプレートを使用しなくても普通に"right"または"thumb"オプションをつけるだけで可能になりました。詳しくは
Wikipedia:画像の表示をご覧下さい。

画像を両側に回り込ませる場合、"right"や"left"オプションだけでは両列の上端を揃えることができません。このテンプレートと{{}}を使って回りこませてください。

ただしサイズ指定をする場合は上に置く画像の横幅を下に置く画像の横幅よりも狭く指定すると、閲覧環境によっては本文の文字と下側の画像の上部フレームとが重なる不具合が生じます。対策法は以下の4つがあります。どれがよいかは、記事ごとに異なります。不用意にテンプレを外すことだけはないよう注意して下さい。
このテンプレを使用する。

上下の横幅を同じにする。

上下を入れ替える(上が広く、下が狭い場合は、問題ありません)。

両者を離す。


このテンプレートを使用する際に中に入れる画像に"none"オプションまたは"center"オプションをつけると、上下の画像の間隔が若干狭まります(表示サンプルの例2を参照。外装がSimpleの場合を除く。なお以前は"none"オプションをつけないとうまく機能しませんでしたが、現在は改善されています)。このため多くの画像を表示する際はスペースの節約になるため、このテンプレートを積極的に使用すべきだという意見もあります。これに対し、スペースの節約をする必要はないという意見もあります。いずれにせよ、1枚や2枚の画像についてこのテンプレートを使用する必要はないという点では異論はでていません。個々の記事においてこのテンプレートを使うか否かは記事ごとに事情が異なりますので、編集者が各自で判断してください。もしも編集者同士で意見が分かれるようであれば、冷静に話し合って解決するようにしてください。


現時点でこのテンプレートは、<table>タグを使用しています。つまり、このテンプレートを使用することはいわゆる「テーブルレイアウト」と呼ばれ、賛否両論のある手法をとることになります。それを避けたい場合は、<div>タグを使用しているTemplate:Rightを使用して下さい。

このテンプレートは<pre>タグとの相性が悪く、<pre>タグで表示される枠の上にこのテンプレで指定された要素が重なって表示されます。本文に<pre>タグを使う場合は、<pre>の手前に<br clear="all" />を入れるか、このテンプレートを</pre>の後ろに移す必要があります(表示サンプルの例3が参考になります)。

使用法

{{右|オプション|右寄せしたい要素}}

{{右|右寄せしたい要素}}

オプション
ページの右側に配置された文章などの水平方向の位置を指定します。省略した場合は、センタリングになります。画像で使用する際は、このオプションは無関係です。

指定値効果
right右寄せ
left左寄せ
centerセンタリング

表示サンプル
例1

ここに書いた文章がページの
右側に配置されます。
オプションで"right"を指定している
ので文章自体も
右寄せになっています。

テンプレートの下に置いた本文は、左側に配置されます。

右側に表示されているソースの内容は次のようになっています。

{{右|right|ここに書いた文章がページの<br />右側に配置されます。<br />オプションで"right"を指定している<br />ので文章自体も<br />右寄せになっています。}}

例2

このテンプレートを使わない場合。
例2.1横浜駅みなとみらい

画像の横幅が同じ場合。

[[ファイル:Yokohama station.jpg|thumb|横浜駅]]
[[ファイル:Yokohama MinatoMirai21.jpg|thumb|みなとみらい]]


例2.2横浜駅みなとみらい

下の画像の横幅が狭い場合。

[[ファイル:Yokohama station.jpg|thumb|横浜駅]]
[[ファイル:Yokohama MinatoMirai21.jpg|thumb|100px|みなとみらい]]


例3
例3.1

横浜駅みなとみらい

"none"または"center"オプションを使わない場合。

{{右|
[[ファイル:Yokohama station.jpg|thumb|横浜駅]]
[[ファイル:Yokohama MinatoMirai21.jpg|thumb|100px|みなとみらい]]
}}

この指定方法("none"オプションをつけない場合)は、Operaなど一部のウェブブラウザで正常に表示することができません。

例3.2

横浜駅みなとみらい

"none"オプションを使った場合。

{{右|
[[ファイル:Yokohama station.jpg|thumb|180px|none|横浜駅]]
[[ファイル:Yokohama MinatoMirai21.jpg|thumb|100px|none|みなとみらい]]
}}

上のオプションを使わない場合と比べて、2枚の画像の間隔が狭まってます。上下の画像のサイズが違う場合は、横幅の狭い方の画像の右側が空きます。

例3.3

横浜駅みなとみらい


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:12 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef