Template:Div col/docのソースを表示

あなたには「このページの編集」を行う権限がありません。理由は以下の通りです:

あなたのIPアドレスは、すべてのウィキメディア財団のウィキで投稿ブロックされているIPアドレス範囲に入っています。

ブロックは‪EPIC‬により行われました。ブロックの理由はOpen proxy/Webhost: See the help page if you are affectedです。

ブロック開始日時: 2024年7月2日 (火) 08:48
ブロック解除予定: 2025年7月2日 (水) 08:48

あなたの現在のIPアドレスは206.189.44.186です。ブロックされている範囲は206.189.32.0/20です。

お問い合わせの際は、上記の詳細情報をすべて含めてください。

もし、この投稿ブロックが錯誤によるものだと考えているのであれば、グローバル方針のNo open proxies（公開プロキシの規制）で詳細情報などが入手できます。あるいは、投稿ブロックに関して議論したい場合は、メタウィキでブロックの見直しを依頼してください。スチュワード用 VRT キューにメールを送信する (宛先: stewards@wikimedia.org) こともできます。

このページのソースの閲覧やコピーができます。

<noinclude>{{Documentation subpage|種類=[[Help:テンプレート|テンプレート]]|[[Template:Div col]]、[[Template:Div col end]]}}</noinclude>
{{CSS3 multiple column layout}}
{{tl|Div col}} は、{{tl|div col end}} とともに用いて、リスト（一覧）を[[段組み]]で表示するテンプレートです。設定で小さな[[フォント]]サイズで表示できます。

__TOC__
== 使い方 ==
=== 引数 ===
; {{para|cols}}
: 列の数を指定します。既定値は2です。18[[em (単位)|em]]未満にはなりません。
; {{para|colwidth}}
: 列の幅を指定します。''cols'' を上書きします。px, em, % といった単位を付けます。
; {{para|small}}
: <code>yes</code> と指定することで、フォントサイズを小さく (90%) します。
; {{para|rules}}
: 列の間に垂直線を書きます。<code>yes</code> と指定するか、あるいは、（<code>1px dashed blue;</code> のような）CSSのスタイルを指定します。
; {{para|gap}}
: 隣接した列の内容の間のスペースを指定します。（ブラウザによって設定されている）既定値は1emです。
; {{para|style}}
: 列に適用するCSSスタイル。

=== 使用例 ===
何も指定しないと、2列か18[[em (単位)|em]]で幅が大きい方になります。
<pre>{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}</pre>

'''表示'''
{{Div col}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

<code>cols=</code> は省略できます。
<pre>{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}</pre>

'''表示'''
{{Div col|3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

<code>colwidth=</code> は省略できます。第二引数であることに注意します。
<pre>{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}</pre>

'''表示'''
{{Div col||10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

<code>small=yes</code> で文字サイズが小さくなります。
<pre>{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}</pre>

'''表示'''
{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

<code>rules</code> の例
<pre>
{{Div col|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
</pre>
'''表示'''
{{Div col|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

<code>gap</code> の例
<pre>
{{Div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
</pre>
'''表示'''
{{Div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

== 技術的な詳細 ==
このテンプレートは以下の[[Cascading Style Sheets|CSS]]のプロパティに対応したブラウザでマルチカラムを作成します。

* ''-moz-column-count''（[[Firefox]]などの[[Mozilla]]/[[Gecko]]を使用したブラウザ対応）
* ''-webkit-column-count''（[[Safari]]などの[[WebKit]]を使用したブラウザ対応）
* ''column-count''（[[Cascading Style Sheets#Cascading Style Sheets, level 3 (CSS3)|CSS3]]に対応しているブラウザ。[https://www.w3.org/TR/css-multicol-1/ CSS3 module: Multi-column layout]参照）

== {{tlf|Columns-list}}との相違点 ==
{{tlx|Columns-list}}には、{{tag|ul}}、{{tag|ol}}要素の{{code|lang=css|margin-top}}に起因したレイアウト崩れ{{efn2|この現象はデスクトップ版の[[:mw:Skin:Vector/ja|ベクター外装]]などで発生します。}}への対策{{efn2|「[[Template‐ノート:Columns-list#1: margin-top関連]]」を参照。}}がなされていますが、本テンプレートには同様の対策は行われていません。

==TemplateData==
{{TemplateDataHeader}}
{{#switch: {{BASEPAGENAME}}
|Div col=<templatedata>
{
	"description": "Breaks a list into columns. It automatically breaks each column to an equal space, so you do not manually have to find the half way point on two columns. The list is provided by |content= or closed with {{div col end}}.",
	"params": {
		"cols": {
			"label": "cols",
			"description": "Specifies the number of columns.",
			"type": "number",
			"default": "2",
			"aliases": [
				"1"
			],
			"required": false,
			"deprecated": "Use colwidth parameter instead, so that the layout resizes according to the screen"
		},
		"colwidth": {
			"label": "colwidth",
			"description": "Specifies the width of columns, and determines dynamically the number of columns based on screen width; more columns will be shown on wider displays. This overrides the 'cols' setting.",
			"type": "string",
			"aliases": [
				"2"
			],
			"required": false
		},
		"rules": {
			"label": "rules",
			"description": "Produces vertical rules between the columns if set to yes.",
			"type": "string",
			"required": false
		},
		"gap": {
			"label": "gap",
			"description": "Specifies the space between the content of adjacent columns.",
			"type": "string",
			"required": false
		},
		"style": {
			"label": "style",
			"description": "Specifies any custom styling.",
			"type": "string",
			"required": false
		},
		"content": {
			"label": "content",
			"description": "Specifies the content.",
			"type": "string",
			"required": false
		}
	}
}
</templatedata>
|Div col end=<templatedata>
{
    "description": "Ends a multi-column list started by {{div col}}. It takes no parameters.",
    "params": {
    }
}
</templatedata>
}}

== 関連項目 ==
{{Column-generating template families}}

== 注釈 ==
{{notelist2|45em}}

== 外部リンク ==
* [https://developer.mozilla.org/ja/docs/Web/CSS/column-width column-width] - [[MDN Web Docs]]<includeonly>
<!-- カテゴリは以下に追加してください -->
[[Category:段組みテンプレート]]</includeonly>

このページで使用されているテンプレート:

Template:Abbr (ソースを閲覧) (拡張半保護)
Template:CSS3 multiple column layout (編集)
Template:Code (ソースを閲覧) (拡張半保護)
Template:Column-count (ソースを閲覧) (拡張半保護)
Template:Column-gap (編集)
Template:Column-generating template families (編集)
Template:Column-rule (ソースを閲覧) (拡張半保護)
Template:Column-width (ソースを閲覧) (拡張半保護)
Template:Dagger (編集)
Template:DatedAI (ソースを閲覧) (保護)
Template:Div col (ソースを閲覧) (拡張半保護)
Template:Div col end (ソースを閲覧) (拡張半保護)
Template:Documentation subpage (ソースを閲覧) (保護)
Template:Double-dagger (編集)
Template:Double dagger (編集)
Template:Efn (ソースを閲覧) (拡張半保護)
Template:Efn2 (ソースを閲覧) (拡張半保護)
Template:Ifempty (ソースを閲覧) (保護)
Template:Longitem (ソースを閲覧) (拡張半保護)
Template:Mbox (ソースを閲覧) (拡張半保護)
Template:Na (ソースを閲覧) (半保護)
Template:Notelist (ソースを閲覧) (拡張半保護)
Template:Notelist2 (ソースを閲覧) (拡張半保護)
Template:Ombox (ソースを閲覧) (拡張半保護)
Template:Para (ソースを閲覧) (拡張半保護)
Template:Partial (編集)
Template:Reflist (ソースを閲覧) (保護)
Template:Resize (ソースを閲覧) (拡張半保護)
Template:Sandbox other (ソースを閲覧) (拡張半保護)
Template:Smaller (ソースを閲覧) (拡張半保護)
Template:Sup (ソースを閲覧) (拡張半保護)
Template:Tag (ソースを閲覧) (拡張半保護)
Template:TemplateDataHeader (編集)
Template:TemplateData header (ソースを閲覧) (拡張半保護)
Template:Template other (ソースを閲覧) (拡張半保護)
Template:Tl (ソースを閲覧) (保護)
Template:Tlf (ソースを閲覧) (拡張半保護)
Template:Tlx (ソースを閲覧) (保護)
Template:Tooltip (ソースを閲覧) (拡張半保護)
Template:Ya (ソースを閲覧) (半保護)
Template:Yes (編集)
Template:仮リンク (ソースを閲覧) (保護)
Template:注意 (ソースを閲覧) (拡張半保護)
モジュール:Arguments (ソースを閲覧) (保護)
モジュール:Check for unknown parameters (ソースを閲覧) (保護)
モジュール:If empty (ソースを閲覧) (保護)
モジュール:Message box (ソースを閲覧) (保護)
モジュール:Message box/configuration (ソースを閲覧) (保護)
モジュール:Message box/ombox.css (ソースを閲覧) (保護)
モジュール:String (ソースを閲覧) (保護)
モジュール:Wikipedia言語名 (ソースを閲覧) (保護)
モジュール:Yesno (ソースを閲覧) (保護)
モジュール:仮リンク (ソースを閲覧) (保護)
モジュール:仮リンク/link (ソースを閲覧) (保護)

Template:Div col/doc に戻る。

「https://ja.wikipedia.org/wiki/Template:Div_col/doc」から取得