Template:Columns-list/testcases
ここは、Template:Columns-listのサンドボックス・サブページに対応したテンプレート・テストケースです。 右のボタンをクリックするとテストケースが更新されます。 更なる情報とオプション このページに複雑なテンプレートの使用例を多く記述した場合、MediaWikiの制限によりページの終端部周辺で誤動作を起こす可能性があります。この誤動作が発生した場合、発生したページのソースに追加された「NewPP limit report」というコメントを参照してください。
また、特別:テンプレートを展開でテンプレートの使用結果を実験することも出来ます。 このページを表示する外装を変更する: |
基本
[編集]ul |
---|
{{Columns-list| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}}
|
ol |
---|
{{Columns-list| # ほげ # ふが # ぴよ # foo # bar # baz # qux # quux # foobar |colwidth=10em}} {{Columns-list}}
|
入れ子 |
---|
{{Columns-list| * ほげ ** ほげほげ ** ほげふが ** ほげぴよ ** ほげほげら ** ほげfoo ** ほげbar ** ほげbaz * ふが * ぴよ ** ぴよほげ * foo ** foobar *** foobarbaz ** foobaz * bar * baz * qux ** quxfoo * quux |colwidth=10em}} {{Columns-list}}
|
空白行が含まれる(ul、olが複数になる)場合 |
---|
{{Columns-list| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}}
|
長い文1つ |
---|
{{Columns-list| * 私は今とうていその評らというのの以上にしたまし。とうとう近頃を安心学はもうこの煩悶ますだばかりに云いがしまえますがは建設あるたたと、少しには向いですたたあり。個人を切りつめた訳は実に今朝を初めてたまいまし。いったい久原君に意味至少々関係に向いなかっ封建その一部分私か修養がという小反抗ただたですが、どんな今は私か男気分にあっば、木下さんののがモーニングのあなたをなおお料簡としてこれ国家にご講義に違いようにほとんどお推察をしませたて、もうけっして講演に蒙りですとしまったのがしただ。及びそうしてご申を思いはずはこう幸福と越したから、こういう個人には見んてといった各人へ食っでならうませ。 |colwidth=25em}} {{Columns-list}}
|
長い文複数 |
---|
{{Columns-list| * 私は今とうていその評らというのの以上にしたまし。とうとう近頃を安心学はもうこの煩悶ますだばかりに云いがしまえますがは建設あるたたと、少しには向いですたたあり。個人を切りつめた訳は実に今朝を初めてたまいまし。いったい久原君に意味至少々関係に向いなかっ封建その一部分私か修養がという小反抗ただたですが、どんな今は私か男気分にあっば、木下さんののがモーニングのあなたをなおお料簡としてこれ国家にご講義に違いようにほとんどお推察をしませたて、もうけっして講演に蒙りですとしまったのがしただ。及びそうしてご申を思いはずはこう幸福と越したから、こういう個人には見んてといった各人へ食っでならうませ。 * こういうところペの中こういう理はあなた上をするましかと嘉納さんに進みうた、尻の生涯うというご学習でんんて、人情のためを例外の今日ばかりの通りを次第するてならば、ある程度の多年を云ってそのところにことに云いでですとしですのあるて、少なくますますのにそれほどご人云っだ事たんた。また精神か自然か発見でなるたが、事実上正が思っからならでところにお相違の今から断わろですあり。場合からはしっくり閉じ込めと解らうだありうて、はなはだかつて充たすで会得はそうないですのた。ところがご卒業にししはいなけれのんから、がたでは、どうしてもあいつかかかわらてなるられました願いれだだっとしが、社会は起らてならますな。もう同時にははなはだ作物というやろうて、おれをは場合ごろだけ私の今安心は悔しく断わろいただくませない。 * それもとうていお話ののをお関係は出ているたでんたから、一一の慨にそう思っでという意味ますて、それならその家族の傍点を見えれて、彼らかに私の貧民をお話から掴みとならな事あるませと所有やまて活動さっうた。雑木からそれに岡田さんになおそうあるないのんたず。岡田さんは必ず一つで云って起らうものないうで。(それで自己が措い中ですないでしたは知れないだて、)ああ落ちつけない手が、文部省の世間ばかりなって聴いという、西洋の反抗は当時のためなりせよ貼りものが立つでて解ら思わていただくだというご秋刀魚なかっのあり。 * どこはともかく態度を進みたように使うからいんものですからまたますます松山心やりですた。またますます十人は双方が申し上げるから、場合で要するになっなですと出来て、長くたますばしかしごお話に思いだだ。日本人の将来に、この徳義が今をするでも、先刻中がさっそく今一一一字をしだけの模範が、私か存じん濫用を聞きござい当時はすでにありられのたと、もしそれだけ自分をないて、その方をできるのが高等んない得ないです。またできるだけ今十三十日をしばかりはしんという高等た撲殺にしと、引にそのうちそのうちが威張って来たもので。 |colwidth=25em}} {{Columns-list}}
|
引数指定パターン
[編集]以下、サンドボックス版の出力コード例に含まれる'"`UNIQ--templatestyles-00000010-QINU`"'
は<templatestyles />
に起因するもので、実際に出力されるコードには問題がないことを確認済みです。またサンドボックス版ではテスト用にカテゴリーへのリンク冒頭に:
を追加している場合があります。
第1引数に列数
[編集]Test1 |
---|
{{Columns-list|3| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux }} {{Columns-list}}
'"`UNIQ--templatestyles-0000001B-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[Category:Columns-list/列幅が指定されていない記事]]
'"`UNIQ--templatestyles-0000001C-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[:Category:Columns-list/列幅が指定されていない記事]] |
第1引数に列幅
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux }} {{Columns-list}}
'"`UNIQ--templatestyles-0000001E-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-0000001F-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
第1引数null + colwidth
[編集]Test1 |
---|
{{Columns-list|| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}}
'"`UNIQ--templatestyles-00000021-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000022-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
第2引数に列数 + その他プロパティ
[編集]Test1 |
---|
{{Columns-list|2;color:red;| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux }} {{Columns-list}}
'"`UNIQ--templatestyles-00000024-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;;color:red;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[Category:Columns-list/列幅が指定されていない記事]][[Category:Columns-list/第1引数に追加スタイルが指定されている記事]]
'"`UNIQ--templatestyles-00000025-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;;color:red;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[:Category:Columns-list/列幅が指定されていない記事]][[:Category:Columns-list/第1引数に追加スタイルが指定されている記事]] |
style引数
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |style="font-weight:bold;"}} {{Columns-list}}
'"`UNIQ--templatestyles-00000027-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;font-weight:bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000028-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;font-weight:bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
(第2引数に列数 + その他プロパティ) && style引数
[編集]Test1 |
---|
{{Columns-list|2;color:red;| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |style=font-weight:bold;}} {{Columns-list}}
'"`UNIQ--templatestyles-0000002A-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;;font-weight:bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[Category:Columns-list/列幅が指定されていない記事]][[Category:Columns-list/第1引数に追加スタイルが指定されている記事]]
'"`UNIQ--templatestyles-0000002B-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;;font-weight:bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>[[:Category:Columns-list/列幅が指定されていない記事]][[:Category:Columns-list/第1引数に追加スタイルが指定されている記事]] |
第2引数に列数 && colwidth 引数
[編集]Test1 |
---|
{{Columns-list|2| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}}
'"`UNIQ--templatestyles-0000002D-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-0000002E-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
第2引数に列幅 && colwidth 引数
[編集]Test1 |
---|
{{Columns-list|20em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}}
'"`UNIQ--templatestyles-00000030-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000031-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
colwidth 引数エイリアス
[編集]Test1 |
---|
{{Columns-list| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |col-width=10em}} {{Columns-list}}
'"`UNIQ--templatestyles-00000033-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000034-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
Test1 |
---|
{{Columns-list| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |column-width=10em}} {{Columns-list}}
'"`UNIQ--templatestyles-00000036-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000037-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
plainlist
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |plainlist=1}} {{Columns-list}}
'"`UNIQ--templatestyles-00000039-QINU`"'<div class="columns-list__wrapper plainlist" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-0000003A-QINU`"'<div class="columns-list__wrapper plainlist" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
small
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |small=1}} {{Columns-list}}
'"`UNIQ--templatestyles-0000003C-QINU`"'<div class="columns-list__wrapper columns-list__wrapper--small-font" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-0000003D-QINU`"'<div class="columns-list__wrapper columns-list__wrapper--small-font" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
rules
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |rules=1px dashed #888}} {{Columns-list}}
'"`UNIQ--templatestyles-0000003F-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-rule: 1px dashed #888; -moz-column-rule: 1px dashed #888; column-rule: 1px dashed #888;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000040-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-rule: 1px dashed #888; -moz-column-rule: 1px dashed #888; column-rule: 1px dashed #888;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
gap
[編集]Test1 |
---|
{{Columns-list|10em| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |gap=3em}} {{Columns-list}}
'"`UNIQ--templatestyles-00000042-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000043-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
plainlist & small & rules & gap & style
[編集]Test1 |
---|
{{Columns-list|10em | * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |gap=3em|plainlist=1|rules=1px dashed #888|small=1|style=font-weight: bold;}} {{Columns-list}}
'"`UNIQ--templatestyles-00000045-QINU`"'<div class="columns-list__wrapper plainlist columns-list__wrapper--small-font" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-rule: 1px dashed #888; -moz-column-rule: 1px dashed #888; column-rule: 1px dashed #888;;-webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;;font-weight: bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div>
'"`UNIQ--templatestyles-00000046-QINU`"'<div class="columns-list__wrapper plainlist columns-list__wrapper--small-font" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;;-webkit-column-rule: 1px dashed #888; -moz-column-rule: 1px dashed #888; column-rule: 1px dashed #888;;-webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;;font-weight: bold;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
content
[編集]Test1 |
---|
{{Columns-list|10em|content=* ほげ * ふが * ぴよー * foo * bar * baz * qux * quux}} {{Columns-list}}
'"`UNIQ--templatestyles-00000048-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよー * foo * bar * baz * qux * quux</div>
'"`UNIQ--templatestyles-00000049-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよー * foo * bar * baz * qux * quux</div> |
content & colwidth
[編集]Test1 |
---|
{{Columns-list|colwidth=10em|content=* ほげ * ふが * ぴよ * foo * bar * baz * qux * quux}} {{Columns-list}}
'"`UNIQ--templatestyles-0000004B-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux</div>
'"`UNIQ--templatestyles-0000004C-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux</div> |
入れ子
[編集]現行版
[編集]- 児童館
- 木津児童館
- 小谷児童館
- 子育て支援センター
- 木津子育て支援センター
- 木津東部子育て支援センター
- 加茂子育て支援センター
- 加茂子育て支援センター
サンドボックス版
[編集]- 児童館
- 木津児童館
- 小谷児童館
- 子育て支援センター
- 木津子育て支援センター
- 木津東部子育て支援センター
- 加茂子育て支援センター
- 加茂子育て支援センター
Float要素配置
[編集]現行版
[編集]- 児童館
- 木津児童館
- 小谷児童館
- 子育て支援センター
- 木津子育て支援センター
- 木津東部子育て支援センター
- 加茂子育て支援センター
- 加茂子育て支援センター
サンドボックス版
[編集]- 児童館
- 木津児童館
- 小谷児童館
- 子育て支援センター
- 木津子育て支援センター
- 木津東部子育て支援センター
- 加茂子育て支援センター
- 加茂子育て支援センター
HTMLタグを出力するテンプレートとの組み合わせ
[編集]- 書籍
- 畑, 裕子『近江百人一首を歩く』サンライズ出版〈淡海文庫〉、1994年7月20日。ISBN 4-88325-102-0。
<ul > <li>'''書籍'''<div class="columns-list__wrapper" style="-webkit-column-width: 45em; -moz-column-width: 45em; column-width: 45em;"> * <cite style="font-style:normal" class="citation book" id="CITEREF畑1994">[[畑裕子 |畑, 裕子]]『近江百人一首を歩く』[[サンライズ出版]]〈淡海文庫〉、1994年7月20日。[[ISBN|ISBN]] [[特別:文献資料/4-88325-102-0 |4-88325-102-0]]。</cite><span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=%E8%BF%91%E6%B1%9F%E7%99%BE%E4%BA%BA%E4%B8%80%E9%A6%96%E3%82%92%E6%AD%A9%E3%81%8F&rft.aulast=%E7%95%91&rft.aufirst=%E8%A3%95%E5%AD%90&rft.au=%E7%95%91%2C%26%2332%3B%E8%A3%95%E5%AD%90&rft.date=1994-07-20&rft.series=%E6%B7%A1%E6%B5%B7%E6%96%87%E5%BA%AB&rft.pub=%5B%5B%E3%82%B5%E3%83%B3%E3%83%A9%E3%82%A4%E3%82%BA%E5%87%BA%E7%89%88%5D%5D&rft.isbn=4-88325-102-0&rfr_id=info:sid/ja-two.iwiki.icu:Template:Columns-list/testcases"><span style="display: none;"> </span></span> </div> </li> </ul>
未対応例
[編集]引数内のインデント |
---|
{{Columns-list| * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux |colwidth=10em}} {{Columns-list}} * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux '"`UNIQ--templatestyles-00000063-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux '"`UNIQ--templatestyles-00000064-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"> * ほげ * ふが * ぴよ * foo * bar * baz * qux * quux </div> |
※2021年以前の版でも対応していないため、対策は行わない。
リスト内に属性を含むタグ |
---|
{{Columns-list|* <span class="hoge">ほげ</span> * ふが * ぴよ * foo * bar * baz * qux * quux|colwidth=10em}} {{Columns-list}} '"`UNIQ--templatestyles-00000066-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"></div> '"`UNIQ--templatestyles-00000067-QINU`"'<div class="columns-list__wrapper" style="-webkit-column-width: 10em; -moz-column-width: 10em; column-width: 10em;"></div> |
※{{#tag:}}
マジックワードの案内をドキュメンテーションにて行う。