コンテンツにスキップ

Template:Columns

2022年1月7日 (金) 22:34; JuthaDDA (会話 | 投稿記録) による版 (脱字)(日時は個人設定で未設定ならUTC

(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
{{{col1}}} {{{col2}}} {{{col3}}} {{{col4}}} {{{col5}}} {{{col6}}} {{{col7}}} {{{col8}}} {{{col9}}} {{{col10}}}
テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

使い方

[編集]
{{columns
|bgcol     =       <!--背景色 (既定値 無し)-->
|colwidth  =       <!--カラムの幅 (既定値 15em)-->
|gap       =       <!--カラム間の幅 (既定値 1.25em)-->
|col1width =       <!--col1でのみ指定するカラムの幅-->
|col1      =       <!--入力必須-->
|col2width =       <!--col2でのみ指定するカラムの幅-->
|col2      =       <!--入力必須-->
|col3width = 
|col3      = 
...
|col7width = 
|col7      = 
}}

使用例

[編集]
入力例
{{columns
|col1 = Simplest<br/>instantiation<br/>of
|col2 = this<br/>template
}}
表示結果
Simplest
instantiation
of
this
template


入力例
{{columns |bgcol=beige |width=8.5em |gap=3.25em

|col1 =
* These
* columns
* are
* more
* complex

|col2 =
The<br/>background<br/>is<br/>beige

|col3 =
; Each : column
; is   : 8.5[[:en:Em (typography)|em]]
; wide

|col4 =
{{{!}}
!colspan="2"{{!}} and
{{!-}}
{{!}} the {{!!}} gap
{{!-}}
{{!}}colspan="2"{{!}} between
{{!-}}
{{!}} each {{!!}} is
{{!-}}
!colspan="2" style="text-align:center;"{{!}} 3.25em
{{!}}}
}}
表示結果
  • These
  • columns
  • are
  • more
  • complex
The
background
is
beige
Each
column
is
8.5em
wide
and
the gap
between
each is
3.25em

カテゴリー

[編集]

このテンプレートを使用している記事は「Category:段組みにテーブルを使用している記事」に分類されます。

関連項目

[編集]

段組みテンプレート

[編集]
Yes :可能 No :不可能
テンプレート群 種類
ウィキテーブルコード
の処理dagger
レスポンシブ・デザイン
モバイル対応
最初 段組み分け 最後
"Col" Table Yes No {{Col-begin}}
または{{Col-begin-small}}
{{Col-break}}
{{Col-2}} .. {{Col-5}}
{{Col-end}}
"Columns" Table No No {{Columns}}
"Multicol" Table Yes Yes {{Multicol}} {{Multicol-break}} {{Multicol-end}}
"Col-float" CSS float Yes Yes {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns-start" CSS float Yes Yes {{Columns-start}} {{Column}} {{Columns-end}}
"Div col" CSS columns Yes Yes {{Div col}} {{No col break}}(引数の内容を分割させない指定) {{Div col end}}
"Columns-list" CSS columns No Yes {{Columns-list}}
"Flexbox"double-dagger CSS Flexbox英語版 No Yes {{Flexbox}} {{Flex-item}}
{{Flex-item start}} .. {{Flex-item end}}
"Flexbox start"double-dagger CSS Flexbox Yes Yes {{Flexbox start}} {{Flexbox end}}
dagger ウィキマークアップ(Help:ページの編集#マークアップ英語版) ({| | || |- |}) を使った表作成の処理が出来るかどうか。処理が出来ない場合は、{{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}などの要素、または、HTMLタグ (<table>...</table>, <tr>...</tr>など) を使用する必要があります。
double-dagger Flexboxテンプレートは、セクションや図・表を左右に並べるといった段組み的な表示に使用することができます。CSS columnsを使用するテンプレート同様、複数の画面幅に対応したレイアウトに適しています。