Template:Columns-list
| プロパティ | IE | Edge | Firefox | Safari | Chrome | Opera |
|---|---|---|---|---|---|---|
| column-width column-count |
≥ 10 (2012) |
≥ 12 (2015) |
≥ 1.5 (2005) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
| columns | ≥ 10 (2012) |
≥ 12 (2015) |
≥ 9 (2011) |
≥ 3 (2007) |
≥ 1 (2008) |
≥ 11.1 (2011) |
| break-before break-after break-inside |
≥ 10 (2012) |
≥ 12 (2015) |
≥ 65 (2019) |
≥ 10 (2016) |
≥ 50 (2016) |
≥ 11.1 (2011) |
 | Luaモジュールを |
 | このテンプレートはテンプレートスタイルを |
リストを{{Div col}}を
使 い方
 |
列 幅 ／列 数 の指定
column-width）を
column-count）が
|colwidth=、|col-width=、|column-width=を
表示 内容 の指定
|content=に
や
のような
のようなかたちで<ul>...</ul><ol>...</ol>
のように<ul>...</ul>（<ol>...</ol>）
この{{#tag:}}マジックワードを
その他 の引数
|plainlist=1を指定 すると、{{Plainlist}}のようにビュレットなしの記号 とすることができます。|rules=引数 には、列 間 の線 （段 間 罫 ）をのように指定 します（例 ：1px dashed #888）。|gap=引数 には、列 間 の隙間 （溝 ）を指定 します（例 ：3em）。|small=1を指定 すると、フォント・サイズが90パーセントになります（モバイル版 などを除 く）。|style=引数 には、任意 のCSSプロパティを指定 することができます。
| このテンプレートに|style=widthプロパティを |
{{Div col}}との相違 点
<ul>...</ul>、<ol>...</ol>margin-topに{{Div col}}では
使用 例
※
入力 例 1表示 例 1入力 例 2表示 例 2
応 用例
{{ul}}などと
入力 例 {{ul |アメリカ大統領 {{columns-list|25em| * [[ジョージ・ワシントン]] * [[ジョン・アダムズ]] * [[トーマス・ジェファーソン]] * [[ジェームズ・マディソン]] * [[ジェームズ・モンロー]] * …… }} |イギリス首相 {{columns-list|25em| * …… }} }}表示 例 - アメリカ
大統領 - イギリス
首相 - ……
- アメリカ
テンプレートデータ
| パラメーター | ||||
|---|---|---|---|---|
1 colwidth col-width column-width |
| |||
| コンテンツ | 2 content | |||
| ビュレットなし | plainlist | ブール | ||
| Small | small | フォント・サイズを90%にする（モバイル | ブール | |
rules |
| |||
gap |
| |||
| Style | style |
| ||
カテゴリー
注釈
- ^
以下 のような書 き方 は問題 ありません。 - ^ 「mw:Extension:MobileFrontend/ja」を
参照 。 - ^ この
現象 はデスクトップ版 のベクター外装 などで発生 します。 - ^ 「Template‐ノート:Columns-list#1: margin-top
関連 」を参照 。
関連 項目
段 組 みテンプレート
| これらのテンプレートに |
|
： |
|
： |
| テンプレート |
ウィキテーブルコード
の  |
レスポンシブ・デザイン モバイル |
||||
|---|---|---|---|---|---|---|
| "Col" | Table |
|
|
{{Col-begin}} または{{Col-begin-small}} |
{{Col-break}} {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
| "Columns" | Table |
|
|
{{Columns}} | – | – |
| "Multicol" | Table |
|
|
{{Multicol}} | {{Multicol-break}} | {{Multicol-end}} |
| "Col-float" | CSS float |
|
|
{{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
| "Columns-start" | CSS float |
|
|
{{Columns-start}} | {{Column}} | {{Columns-end}} |
| "Div col" | CSS columns |
|
|
{{Div col}} | {{No col break}}（この |
{{Div col end}} |
| "Columns-list" | CSS columns |
|
|
{{Columns-list}} | – | – |
"Flexbox"
|
CSS Flexbox |
|
|
{{Flexbox}} | {{Flex-item}} {{Flex-item start}} .. {{Flex-item end}} |
– |
| "Flexbox start"
|
CSS Flexbox |
|
|
{{Flexbox start}} | {{Flexbox end}} |
- ウィキマークアップ(Help:ページの
編集 #マークアップ) ({|||||-|}) を使 った表 作成 の処理 が出来 るかどうか。処理 が出来 ない場合 は、{{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}などの要素 、または、HTMLタグ (<table>...</table>,<tr>...</tr>など) を使用 する必要 があります。 - Flexboxテンプレートは、セクションや
図 ・表 を左右 に並 べるといった段 組 み的 な表示 に使用 することができます。CSS columnsを使用 するテンプレート同様 、複数 の画面 幅 に対応 したレイアウトに適 しています。