Şablon:Div sütunu/belge sayfasının kaynağını görüntüle

{{Şablon belge sayfası}}
'''div sütunu''', bir listeyi çoklu ekran çözünürlüklerine duyarlı olarak sütunlara bölen bir biçimlendirme şablonudur. Kullanılabilir ekran alanını otomatik olarak eşit parçalara böler, yani kaç sütun kullanılacağını tahmin etmek ve ardından bölmek için bölmenin yapılacağı noktaları bulmak gerekmez (örneğin, listeyi iki sütuna bölmek için orta noktayı veya listeyi üç sütuna bölmek için üçte bir veya üçte iki noktalarını).

==Kullanım==
===Temel Kullanım===
<syntaxhighlight lang="wikitext">
{{div sütunu}}<!-- varsayılan genişlik 30em'dir -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

===Parametreler===
Bu şablon altı parametreye sahiptir: 
; {{para|colwidth}}
: Sütunların minimum genişliğini belirler, böylece sütun sayısı ekran genişliğine dayalı olarak otomatik olarak belirlenir (yani daha geniş ekranlarda daha fazla sütun gösterilir). Değer belirtilmezse, şablon varsayılan olarak 30em kullanır. Genişlik herhangi bir [[CSS|CSS ölçü birimi]] ile belirtilebilir, örneğin "em" (görünen yazı tipinin büyük "M" harfinin genişliği kadar), <code>colwidth=20em</code>. 
; {{para|rules|yes}}
: Eğer <code>yes</code> olarak belirtilirse, sütunlar arasına dikey çizgiler eklenir. 
; {{para|gap}}
: Bitişik sütunların içeriği arasındaki boşluğu geçerli bir CSS genişlik birimi ile belirtir, örneğin <code>gap=2em</code>. Varsayılan boşluk (tarayıcı tarafından ayarlanan) 1em'dir.
; {{para|class}}
: Sütunlara uygulanacak bir HTML sınıfı veya boşlukla ayrılmış birden fazla sınıfı belirtir.
; {{para|style}}
: Sütunlara uygulanacak [[CSS|CSS stilini]] belirtir. Örneğin <code>style=column-count:3</code> gösterilecek sütun sayısını sınırlar.
; {{para|small|yes}}
: Yazı tipi boyutunu %90 olarak ayarlar.
; {{para|content}}
: Sütunlara uygulanacak olan içerik. Bu parametre etkili olarak {{tl|sütunlu liste}} ile aynıdır, bu da bu şablon için bir geçiş sağlar.

===Örnekler===
====Colwidth====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em}} <!-- sütun genişliği 10em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

====Rules====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em|rules=yes}} <!-- çizgilerle birlikte sütun genişliği 10em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

====Gap====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em|rules=yes|gap=2em}} <!-- çizgiler ve 2em boşluk ile sütun genişliği 10em -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

====Small====
<syntaxhighlight lang="wikitext">
{{div sütunu|small=yes}} <!-- Small = yes -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

====Content====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em|content= <!-- content parametresi {{div sütunu-son}} şablonuna ihtiyaç duymaz -->
* a
* b
* c
* d
* e
* f
* g
* h
}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}

====Birden fazla parametre====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em|rules=yes|gap=2em|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em|rules=yes|gap=2em|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div sütunu-son}}

====Liste işaretsiz metin karakterleri====
<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em}} <!-- Liste işaretsiz metin karakterleri -->
a
b
c
d
e
f
g
h
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em}}
a
b
c
d
e
f
g
h
{{div sütunu-son}}

====anlamsız metin taslağı====
<syntaxhighlight lang="wikitext">
{{div sütunu}} <!-- Lorem ipsum -->
{{lorem ipsum}}
{{div sütunu-son}}
</syntaxhighlight>
Sonuç:
{{div sütunu}}
{{lorem ipsum}}
{{div sütunu-son}}

== Sınırlama ==
=== Alt-listeler ===
Temel CSS sistemi alt-listeleri sütunlara bölememektedir. Aşağıdaki dengesiz biçimlendirmeye dikkat edin:

<syntaxhighlight lang="wikitext">
{{div sütunu|colwidth=10em|rules=yes|gap=2em|style=column-count:3|content=
* a
* b
* c
** c.d
** c.e
** c.f
* g
* h
}}
</syntaxhighlight>
Sonuç:
{{div sütunu|colwidth=10em|rules=yes|gap=2em|style=column-count:3|content=
* a
* b
* c
** c.d
** c.e
** c.f
* g
* h
}}

==İzleme Kategorileri==
* {{Sayılır kategori bağlantısı|Tanımlanmamış parametreler içeren div sütunu şablonu kullanılan sayfalar}} (burada belirtilmeyen parametre isimleriyle hatalı bir şekilde bu şablonu kullanan sayfalar için)

==Şablon Verisi==
{{TemplateData header}}
<templatedata>
{
	"description": "Div sütunu, bir listeyi sütunlara bölmek için kullanılır. Her bir sütunu otomatik olarak eşit bir alana böler ve böylece iki sütunun orta noktasını bulmanız gerekmez. Liste, |content= ile sağlanır veya {{div sütunu-son}} ile kapatılır.",
	"params": {
		"colwidth": {
			"label": "Column width",
			"description": "Sütunların genişliğini belirtir ve dinamik bir şekilde ekran genişliğine dayalı olarak sütun sayısını belirler; daha geniş ekranlarda daha fazla sütun gösterilir.",
			"type": "string",
			"example": "30em"
		},
		"rules": {
			"label": "Rules",
			"description": "Eğer 'yes' olarak ayarlanırsa, sütunlar arasına dikey çizgiler ekler.",
			"type": "string",
			"example": "yes"
		},
		"gap": {
			"label": "Gap size",
			"description": "Bitişik sütunların içeriği arasındaki boşluğu belirtir.",
			"type": "string",
			"example": "2em"
		},
		"class": {
			"label": "HTML class",
			"description": "Herhangi bir sınıfı veya birden çok boşlukla ayrılmış sınıfları belirtir.",
			"type": "string",
			"example": "plainlist nowrap"
		},
		"style": {
			"label": "CSS style",
			"description": "Herhangi bir özel stili belirtir.",
			"type": "string"
		},
		"content": {
			"label": "Content",
			"description": "Sütunlarla bölünecek içeriği belirtir.",
			"type": "content"
		},
		"small": {
			"label": "Small font",
			"description": "Daha küçük bir yazı tipi boyutu kullanır (%90)",
			"example": "yes",
			"type": "string"
		}
	}
}
</templatedata>

==Ayrıca bakınız==
* {{tl|Bitiş kutusu}} (bir tabloyu kapatır)

<includeonly>
[[Kategori:Çoklu sütun şablonları]]
</includeonly>