テンプレート:Border/s
example wikitext content
 | Luaモジュールを使用しています: |
 | このテンプレートはテンプレートスタイルを使用しています: |
 | このテンプレートは 詳細は en:H:DIVSPAN を参照してください。 |
使用法
[編集]この特殊なテンプレートは、テキストまたはテキスト＋画像の組み合わせを表示するための枠（ボックス）を作成します。任意の内容に枠線を付けて囲みます。各プロパティにはデフォルト値があるため、希望通りであれば明示的に設定する必要はありません。
このテンプレート内に他のテンプレート（例：{{rule}}、{{sc}}、あるいは別の {{border}} など）を埋め込むことができます。ただし、パラメータを含むテンプレートや表などを埋め込むと、正しく表示されないことがあります。その場合は {{border/s}} と {{border/e}} の使用を推奨します。
※画像をこのボックス内に入れる場合は、ボックスのサイズが画像よりも大きくなるように指定してください。
例：: デフォルト
{{border|Your content here}}
1 は枠内に表示する内容を指定します。無名引数として渡した場合、前後の空白は削除されません。
例：: 空白が必要な内容
{{border|
*Your wikitext list
}}
- Your wikitext list
例：: すべてのパラメータ
{{border|position=|compact=|class=|max-width=|bstyle=|bthickness=|color=|bgcolor=|align=|padding=|style=|
Your content here
}}
Your content here
パラメータ
[編集]- 1 または text または content：枠内に表示する内容
- position：ボックスの配置位置（left, center, right。デフォルトは center）
- compact：必要な幅のみ使用（true）か、ページ幅いっぱいを使用（false）。デフォルトは false
- class：追加CSSクラス
- スタイルパラメータ：
- maxwidth：内容領域の最大幅（px または %）。デフォルトは空（全幅）
- bstyle：枠線スタイル（デフォルト：solid）。例：solid, dotted, dashed, double, など
- bthickness：枠線の太さ（px単位、デフォルト：1px）
- color：枠線の色（デフォルト：currentcolor）
- bgcolor：背景色（デフォルト：transparent）
- radius：角の丸み（デフォルト：0）
- align：ボックス内のコンテンツの配置（left, center, right, justify）
- padding：内側の余白（px単位、デフォルト：5px）
- style：直接指定するCSS。既存スタイルを上書き
使用例
[編集]基本例
[編集]例：: 非コンパクト表示
例：: ポジション
例：: ポジション
例：: border/s と border/e 使用
スタイルパラメーター
例：
例：
{{lorem ipsum}}
{{border|maxwidth=25em|color=black|position=right|padding=40px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]
{{right|{{uc|{{Mc}}Carty & Davis,}} No. 171, {{uc|Market Street.}}}}
}}
{{lorem ipsum}}
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.
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.
例：
例：
{{border|maxwidth=25em|bstyle=ridge|bthickness=10px|color=navy|bgcolor=#66FF99|align=center|padding=20px|radius=25px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]
{{uc|{{Mc}}Carty & Davis,}} No. 171, {{uc|Market Street.}}
{{rule|3em}}
1834.
}}
例：
{{border/s|maxwidth=25em|bstyle=ridge|bthickness=10px|color=navy|bgcolor=transparent|align=center|padding=20px|radius=25px}}
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]
{{uc|{{Mc}}Carty & Davis,}} No. 171, {{uc|Market Street.}}
{{rule|3em}}
1834.
{{border/e}}
"二重線"
標準
二重ボーダーを作るには2つの方法があります。 一つは、CSSの標準的な「ダブル・ボーダー」機能を使う方法です。 これは簡単で、パラメータ3にdoubleを指定するだけです。 例えば次のようになります：
例：
例：
独創的かつ制御可能
しかし、よりコントロールしやすくするために、別のボーダーの中にボーダーを使用することもできます：
例：
{{border|maxwidth=25em|bthickness=2px|position=center|padding=7px|
{{border|bthickness=5px|bgcolor=#FFEFD5|align=center|padding=20px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]
{{uc|{{Mc}}Carty & Davis,}} No. 171, {{uc|Market Street.}}
{{rule|3em}}
1834.
}}}}
Displays as:
トラッキングカテゴリ
[編集]
関連項目
[編集]- {{Border}} – カスタマイズ可能なボックス
- {{Ruled box}} – 上下にのみ線があるボックス
- {{Centered Box}} – テキスト幅に合わせた中央寄せのボックス
- {{Frame}} – コンテンツを囲む全幅の枠
- Luaを利用するテンプレート
- テンプレートスタイルを利用するテンプレート
- ブロックベースのテンプレート
- Borders using maxwidth parameter
- Borders using bstyle parameter
- Borders using bthickness parameter
- Borders using color parameter
- Borders using align parameter
- Borders using padding parameter
- Borders using bgcolor parameter
- Borders using radius parameter
- 特殊効果テンプレート
- レイアウト用テンプレート