テンプレート:W3TabPanel

[閲覧 | 編集 | 履歴 | キャッシュ破棄]ドキュメント

ショートカット

tabpanel

複数のページをタブで切り替えできるボックスを出力するテンプレート。
W3.CSSのW3.CSS Tabsをテンプレート化したもの。

パラメーター

パラメーター	説明
|tab1= ～ |tab10=	それぞれのタブのタイトル。
|panel1= ～ |panel10=	それぞれのパネルの内容のWiki構文。
|tab-id=	パネルを特定するための一意な識別子。省略可。 アルファベットで指定。日本語名では文字によっては稀にエラーとなるので注意。
|block=1	有効にするとdisplay: block(横幅占有)、省略するとdisplay: inline-block(内容によって幅が変化)となる。
|flex=1	有効にすると画面が狭くなってもタブが改行されなくなり幅に合わせて伸縮するようになる。省略可。
|bgnone=1	有効にするとデザインが変わり、枠や背景色が透明になり、タブだけが表示されるようになる。

例

ソース

{{W3TabPanel
| tab-id = tab-sample
| block = yes
| tab1 = タブ1 |panel1 = タブ1の内容<br>いろいろな内容
| tab2 = タブ2 |panel2 = タブ2の内容<br>いろはにほへと
| tab3 = タブ3 |panel3 = タブ3の内容<br>あいうえおかきくけこ
}}

結果

タブ1タブ2タブ3

タブ1の内容
いろいろな内容

タブ2の内容
いろはにほへと

タブ3の内容
あいうえおかきくけこ

ソース

{{W3TabPanel
| tab-id = tab-sample2
| bgnone = yes
| tab1 = タブ1 |panel1 = タブ1の内容<br>いろいろな内容
| tab2 = タブ2 |panel2 = タブ2の内容<br>いろはにほへと
| tab3 = タブ3 |panel3 = タブ3の内容<br>あいうえおかきくけこ
}}

結果

タブ1タブ2タブ3

タブ1の内容
いろいろな内容

タブ2の内容
いろはにほへと

タブ3の内容
あいうえおかきくけこ

[閲覧 | 編集 | 履歴 | キャッシュ破棄]上記の記事は次のページから転記しています： テンプレート:W3TabPanel/doc.