سانچو:Div col

سانچي جي دستاويز[ڏسو] [ترميم] [تاريخ] [تازو ڪريو]

CSS3 گهڻ-ڪالم ترتيب (براؤزر سپورٽ)
خاصيت	انٽرنيٽ ايڪسپلورر	فائرفاڪس	سفاري(ويب برائوزر)	گوگل ڪروم	اوپيرا
column-width column-count	≥ 10 (2012)	≥ 1.5 (2005)	≥ 3 (2007)	≥ 1 (2008)	≥ 11.1 (2011)
columns	≥ 10 (2012)	≥ 9 (2011)	≥ 3 (2007)	≥ 1 (2008)	≥ 11.1 (2011)
break-before break-after break-inside	≥ 10 (2012)	≥ 65 (2019)	≥ 10 (2016)	≥ 65 (2016)	≥ 15 (2013)
م ب س

هي سانچو لوا استعمال ڪري ٿو:

Module:Check for unknown parameters

This template uses TemplateStyles:

Template:Div col/styles.css

سانچو {{div col}} (يعني division columns) فهرست کي ڪيترن ڪالمن ۾ ورهائڻ لاءِ استعمال ٿئي ٿو، جيڪي مختلف اسڪرين سائيزن مطابق خودڪار طريقي سان ترتيب ٿين ٿا۔ اهو خودڪار طريقي سان اسڪرين جي موجود جڳهه کي برابر حصن ۾ ورهائي ٿو، تنهنڪري اهو طئي ڪرڻ جي ضرورت ناهي تہ ڪيترا ڪالم استعمال ڪجن يا فهرست کي ڪهڙي هنڌ کان ورهايو وڃي۔ جيڪڏهن فهرست جي ڪنهن حصي کي ٽٽڻ کان بچائڻو هجي تہ {{no col break}} استعمال ڪري سگهجي ٿو۔

استعمال

بنيادي استعمال

{{div col}}<!-- ڊفالٽ ويڪر 30em آهي -->
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

پيراميٽر

هن سانچي لاءِ ڇهه پيراميٽر آهن:

|colwidth=: ڪالم جي گهٽ ۾ گهٽ ويڪر مقرر ڪري ٿو، جنهن جي بنياد تي اسڪرين ويڪر مطابق ڪالمن جو تعداد خودڪار طريقي سان طئي ٿيندو۔ جيڪڏهن ڪا ويڪر نه ڏني وڃي تہ ڊفالٽ 30em استعمال ٿيندو۔
|rules=yes: جيڪڏهن yes مقرر ڪيو وڃي تہ ڪالمن جي وچ ۾ عمودي ليڪون شامل ٿينديون۔
|gap=: ڪالمن جي وچ ۾ فاصلو مقرر ڪري ٿو، مثال طور gap=2em۔
|class=: HTML class يا ڪيترائي classes شامل ڪرڻ لاءِ۔
|style=: CSS اسٽائل شامل ڪرڻ لاءِ۔
|small=yes: فونٽ سائيز 90٪ ڪري ٿو۔
|content=: اهو مواد جيڪو ڪالمن ۾ ورهايو ويندو۔

مثال

Colwidth

مقرر ويڪر

{{div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

متغير ويڪر

{{div col|colwidth=10vw}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

Rules

{{div col|colwidth=10em|rules=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

Gap

{{div col|colwidth=10em|rules=yes|gap=2em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

Small

{{div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

Content

{{div col|colwidth=10em|content=
* a
* b
* c
* d
* e
* f
* g
* h
}}

Produces:

a
b
c
d
e
f
g
h

Multiple parameters

{{div col|colwidth=10em|rules=yes|gap=2em|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{div col end}}

Produces:

a
b
c
d
e
f
g
h

فهرست کانسواءِ متن

{{div col|colwidth=10em}}
a
b
c
d
e
f
g
h
{{div col end}}

Produces:

a b c d e f g h

Lorem ipsum

{{div col}}
{{lorem ipsum}}
{{div col end}}

Produces:

لورم اِپسم درد پاڻ سان گڏ هوندو آهي، ۽ اهو سکيا ۽ تربيت سان پڻ لاڳاپيل هوندو آهي، پر اهو عارضي محنت ۽ وڏي تڪليف سان حاصل ڪيو ويندو آهي. ڇاڪاڻ⁠تہ ٿورو فائدو حاصل ڪرڻ لاءِ به انسان کي ڪا نه ڪا ڪوشش ڪرڻي پوندي آهي. ڪير اهڙو آهي جيڪو محنت ڪري ۽ ان مان ڪو فائدو حاصل نه ڪري؟ پر اهڙو درد جيڪو خوشي ۾ بدلجي وڃي، ان کان ڇو پاسو ڪجي؟ ۽ اهڙي خوشي جيڪا ڪنهن به تڪليف جو سبب نه بڻجي، ان کي ڇو قبول نه ڪجي؟

حدون

ذيلي فهرستون

CSS سسٽم ذيلي فهرستن کي ڪالمن ۾ صحيح نموني ورهائڻ ۾ ڪڏهن ڪڏهن ناڪام ٿيندو آهي، جنهن سبب ترتيب غير برابر ٿي سگهي ٿي۔

Chrome براؤزر تصوير ۽ ڪيپشن کي الڳ ڪري سگهي ٿو

ڪڏهن ڪڏهن Chrome براؤزر تصوير کي ڪيپشن کان الڳ ڪري ايندڙ ڪالم ۾ رکي سگهي ٿو، جيڪو Chromium جي بگ سبب آهي۔

ٽريڪنگ زمرا

سانچائي مواد

هي هن سانچي لاءِ سانچائي ڊيٽا جو دستاويز آهي، جيڪو نظري ايڊيٽر ۽ ٻين اوزارن طرفان استعمال ڪيو ويندو آهي۔

سانچي ڊيٽا ھيڊر لاءِ سانچائي ڊيٽا

فهرست کي ڪالمن ۾ ورهائي ٿو۔ ڪالمن جي ويڪر مطابق ڪالمن جو تعداد خودڪار طريقي سان طئي ٿيندو۔

سانچي جا پيراميٽرز[سانچي جي ڊیٽا کی سنواریو]
پيراميٽر		تشريح	قِسم	اسٽيٽس
Column width	`colwidth`	ڪالم جي ويڪر مقرر ڪري ٿو ڏنل 30em مثال 22em	اسٽرنگ	اختياري
Rules	`rules`	ڪالمن جي وچ ۾ عمودي ليڪون ڏيکاري ٿو مثال yes	اسٽرنگ	اختياري
Gap size	`gap`	ڪالمن جي وچ ۾ فاصلو مثال 2em	اسٽرنگ	اختياري
HTML class	`class`	HTML class شامل ڪرڻ لاءِ	اسٽرنگ	اختياري
CSS style	`style`	CSS اسٽائل شامل ڪرڻ لاءِ	اسٽرنگ	اختياري
Content	`content`	اهو مواد جيڪو ڪالمن ۾ ورهايو ويندو	مواد	اختياري
Small font	`small`	ننڍو فونٽ سائيز استعمال ڪريو مثال yes	اسٽرنگ	اختياري

Redirects

ڪالم ٺاهيندڙ سانچن جا خاندان

ھتي درج ڪيل سانچا ھڪ ٻئي جي جاءِ تي استعمال نٿا ڪري سگھجن. مثال طور، {{col-float-end}} بدران {{col-float}} کي {{col-end}} سان استعمال ڪرڻ سان ھڪ ايڇ ٽي ايم ايل "div" (ڊويزن) کليل رهجي ويندو، جيڪو ان کان پوءِ ايندڙ ڪنھن بہ فارميٽنگ کي نقصان پھچائي سگھي ٿو۔

ڪالم سانچا
قسم	خاندان	وڪي ٽيبل ڪوڊ سنڀالي سگھي ٿو؟	Responsive/ موبائل لاءِ مناسب	شروعاتي سانچو	ڪالم ورهائيندڙ	آخري سانچو
فلوٽ	"Col-float"	ھا	ھا	{{Col-float}}	{{Col-float-break}}	{{Col-float-end}}
فلوٽ	"Columns-start"	ھا	ھا	{{Columns-start}}	{{Column}}	{{Columns-end}}
ڪالم	"Div col"	ھا	ھا	{{Div col}}	–	{{Div col end}}
ڪالم	"Columns-list"	نہ	ھا	{{Columns-list}} (div col کي wrap ڪري ٿو)	–	–
Flexbox	"Flex columns"	نہ	ھا	{{Flex columns}}	–	–
ٽيبل	"Col"	ھا	نہ	{{Col-begin}}, {{Col-begin-fixed}} يا {{Col-begin-small}}	{{Col-break}} يا {{Col-2}} .. {{Col-5}}	{{Col-end}}

ڇا ڪالم وڪي مارڪ اپ {| | || |- |} سنڀالي سگھن ٿا، جيڪو ٽيبل ٺاهڻ لاءِ استعمال ٿيندو آھي؟ جيڪڏهن نه، تہ اھي سانچا جيڪي اھي عنصر پيدا ڪن ٿا (مثال طور {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) يا ايڇ ٽي ايم ايل ٽيگ (<table>...</table>, <tr>...</tr> وغيره) بدران استعمال ڪرڻا پوندا۔

پڻ ڏسو

مٿيون دستاويز سانچو:Div col/doc مان شامل ڪيو ويو آهي.
ايڊيٽر هن سانچي جي sandbox ۽ آزمائشي ڪيس صفحن ۾ آزمائش ڪري سگهن ٿا.
/doc ذيلي صفحي ۾ زمرا شامل ڪريو. هن سانچي جا ذيلي صفحا.