テンプレート:Block right
{{{1}}}
 | このテンプレートは 詳細は en:H:DIVSPAN を参照してください。 |
 | このテンプレートはテンプレートスタイルを使用しています: |
使い方
[編集]このテンプレートは、ページの右側にテキストのブロックを配置します。ブロック内のテキストの配置（左揃えなど）は影響を受けません。
- {{Block right}} と {{right}} の比較
このテンプレートは、現在のテキストの配置（通常は左揃え）を保ったまま、テキスト全体のブロックを右側に移動します。テキストそのものを右揃えにしたい場合は、代わりに {{right}} を使用してください。
- Block right
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
- Right
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
パラメーター
[編集]すべてのパラメーターは任意です。
- width – ブロックの幅を設定します。
- offset – 右マージンからの距離（インデント）を設定します。
- gutter – 通常の本文との間隔を設定します。
- align – ブロック内のテキスト配置を設定します。
- collapse – ブロック内の段落間の余白を削除します。
- style – その他のCSSスタイルを追加します。
幅（width）
[編集]ブロックの幅を固定したい場合、width パラメーターを使用できます。内容がテキストである場合は、px単位を避け、emなどの相対単位を使用することを推奨します[1]。
例
{{block right|width=25em|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
オフセット（offset）
[編集]右マージンから全体のブロックを内側にずらすには、offset パラメーターを使用します。
例
{{block right|offset=4em|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
ガター（gutter）
[編集]本文と右寄せブロックの間隔を指定するには、gutter パラメーターを使用します。
例
{{block right
| width=50%
| gutter=10em
| align=center
| [[File:Traffic-signs-manual-chapter-3-diagram 622-2 (2008).svg]]
}} {{lorem ipsum}}
.svg)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
配置（align）
[編集]右寄せブロックの中でのテキスト配置を制御するには、align パラメーターを使用します。
例
{{block right|align=center|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
段落の詰め（collapse）
[編集]ブロック内の段落間の垂直方向の余白を削除する場合（例：中央揃えの行と右揃えの行を連続して表示したい場合[2]）、collapse パラメーターを使用します。
例
{{lorem ipsum}}
{{block right|collapse=y|width=20em|
{{center|中央揃えのテキスト}}
左揃えのテキスト
{{right|右揃えのテキスト}}
}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
中央揃えのテキスト
左揃えのテキスト
右揃えのテキスト