テンプレート:Collapsible box

テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

このテンプレートはテンプレートスタイルを使用しています:

Template:Collapsible box/styles.css

使用法

汎用的な折りたたみボックスのテンプレートです。特定の目的を持つテンプレートの整形に使用できます。初期状態では最小限のスタイルしか適用されませんので、呼び出し元のテンプレート側で適宜スタイルを設定してください。

一般的には、このテンプレートは何らかの目的に応じた別のテンプレートの中で使用されるべきです。

title: ボックスのタイトル（省略可能。指定されている場合は常に表示）
content: ボックスの主な内容（折りたたみ対象）
collapsed: yes を指定すると初期状態で折りたたみます
style_outer: 外側のボックスに対するCSSスタイル
class_outer: 外側のボックスに付与するCSSクラス
attribs_outer: 外側のボックスに追加する属性
style_title: タイトルに適用するCSSスタイル
class_title: タイトルに付与するCSSクラス
style_content: 内容部分に適用するCSSスタイル
class_content: 内容部分に付与するCSSクラス
closing_divs: 外側のボックス用の閉じdivを含めるかどうか。デフォルトは「yes」
- {{Collapsible box/e}} を使うことで、適切な数の div を閉じることができます。

例：

 {{collapsible box 
| title = Box title 
| content = {{lorem ipsum}} 
}}

Box title

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.

例：

 {{collapsible box 
| title = Box title 
| content = {{lorem ipsum}} 
| style_outer = border: 1px solid blue; 
| style_content = border: 1px solid red; 
}}

Box title

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.

例：

 {{collapsible box 
| content = {{lorem ipsum}} 
| style_outer = border: 1px solid blue; 
| style_content = border: 1px solid red; 
}}

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.

使用法

関連項目