په پنځو دقیقو کې د سی ایس ایس میز سرحد څنګه جوړ کړئ څنګه زده کړئ
تاسو ښايي اوریدلي چې سی ایس ایس او ایچ ٹی ایم ایل میزونه سره ګډ نه شي. دا ساده خبره نه ده. هو، د HTML لپاره د جدولونو کارولو لپاره نور د ویب ډیزاین غوره عمل نه دی، چې د سی ایس ایس ترتیب ډولونه بدل شوي، مګر میزونه لاهم د ویب پاڼې لپاره د تڼیټ ډیټا اضافه کولو لپاره د کار نښه سمه نښه ده.
له بده مرغه، ځکه چې ډیری ویب سایټونو د میزونو څخه ډډه کړې چې فکر کوي چې زه زهر یم، ډیری مسلکیان د دې عام HTML عنصر سره مبارزه کوي او کله چې دوی په ویب پاڼه کې د کار کولو لپاره مبارزه کوي. د مثال په توګه، که تاسو په پاڼه کې میز لرئ او تاسو غواړئ د میز حجرو ته داخلي لینونه اضافه کړئ.
د سي ایس ایس جدول چوکاټونه
کله چې تاسو د میزونو لپاره د سرحدونو زیاتولو لپاره سی ایس ایس کاروئ، دا یوازې د میز څخه بهر شاوخوا سرحد اضافه کوي. که تاسو غواړئ چې د میز د انفرادي حجرو لپاره داخلي لینونه اضافه کړئ نو تاسو باید د داخلي سی ایس ایس عناصرو ته سرحدونه اضافه کړئ. تاسو کولی شئ د HR ټګ کار واخلئ ترڅو د انفرادي حجرو دننه لینونه اضافه کړئ.
په دې مقاله کې پوښښ شوي طرزالعملونو د پلي کولو لپاره، تاسو باید په ښکاره ډول ستاسو په ویب پاڼه کې میز ولري. بیا باید تاسو د خپل سند په سر کې د سټایل شیٹ په توګه د داخلي طرزالعمل په بڼه جوړه کړئ (تاسو ممکن یواځې دا په هغه صورت کې وکړئ چې ستاسو "سایټ" یو واحد پاڼه وي) یا د سند سره د بهرني طرز پاڼې په توګه نښلول کیږي (دا هغه څه دي چې تاسو یې به دا کار وکړي که ستاسو سایټ څو پاڼې ولري - تاسو ته اجازه درکوي چې د یوې بهرنۍ پاڼې څخه ټول پاڼې وښایئ). تاسو به دا ډول طرزالعملونه د داخلي لینونو ته د دې سټاټ پاڼه کې اضافه کړئ.
د پیل څخه وړاندې
لومړی تاسو ته اړتیا لرئ پریکړه وکړو چې تاسو غواړئ چې ستاسو په میز کې لینونه لیدل غواړئ. تاسو ډیری اختیارونه لرئ، په شمول:
- د ټولو حجرو سره سم یو گرډ جوړ کړئ؛
- یوازې د کالمونو تر منځ کرښې ځای پر ځای کول؛
- یوازې د قطارونو ترمنځ یا
- د ځانګړو کالمونو یا قطارونو ترمنځ.
تاسو کولی شئ د انفرادي حجرو او یا په انفرادي حجرو کې د کرښې ځای ونیسي.
څنګه چې په جدول کې ټول سایټونه په لیکو کې شامل کړئ
ستاسو په میز کې ټولو حجرو ته د لینونو اضافه کولو لپاره، د دې ګريډ - مثل اغیزه رامینځته کول، لاندې د خپل سټاټ پاڼه کې اضافه کړئ:
td، th {
پوله: 1px تور ټک؛
}
په جدول کې د یوازې د کالمونو ترمنځ لیکونه څنګه وټاکئ
د ستونونو ترمنځ لینونه اضافه کول (دا عمودی کرښې رامنځته کوي چې له پورته څخه ښکته د میز په کالمونو کې روان وي)، لاندې د خپل سټاټ شیٹ کې اضافه کړئ:
td، th {
د سرحد - بڼۍ: پخته 1px تور؛
}
بیا، که تاسو نه غواړئ چې دوی په لومړي کالم کې راشي، نو تاسو به اړتیا لرئ چې یو ټولګی د هغو او TD حجرو ته اضافه کړئ. په دې مثال کې، موږ دا فرض کوو چې موږ په دې حجرو کې د سرحد نه پرته سرحد لرو او موږ د دې ځانګړې ځانګړې سیسټم سره سرحد سرحد لرې کوو. نو دلته د HTML HTML ټولګه ده چې موږ یې کاروئ:
ټولګي = "نه سرحد">
او بیا موږ کولی شو زموږ طرزالعمل ته لاندې طرز اضافه کړو:
نه سرحد -
سرحد بکس: هیڅ نه
}
په جدول کې د بسونو د ونو ترمنځ لیکونه څنګه وټاکئ
لکه د کالمونو تر مینځ د لیکو زیاتولو سره، تاسو کولی شئ دا یوازې د ساده سټیل سره سره په خپل طرز پاڼه کې اضافه کړئ. لاندې سی ایس ایس به زموږ د میز د هر قطار تر منځ عمودی کرښې وویروي:
tr {
پورتنۍ غاړې: د 1px تور ټک؛
}
او د میز له لاندینۍ برخې څخه سرحد لیرې کړئ، تاسو به یو ځل بیا د دې ټری ټګ کې یو ټولګي اضافه کړئ:
ټولګي = "نه سرحد">
د خپل سټاټ پاڼه کې لاندې طرزالعمل اضافه کړئ:
نه سرحد -
پوله لرونکی: هیڅ نه
}
په جدول کې د ځانګړو کالمونو یا قطارونو ترمنځ د لیکونو ځای څنګه کول
که تاسو یوازې د ځانګړو قطارونو یا کالمونو تر مینځ لینونه غواړئ، تاسو اړتیا لرئ چې په دغو حجرو یا قطارونو کې ټولګی وکاروي. د کالمونو تر مینځ کرښه زیاتول د قطارونو په پرتله لږ خورا ستونزمن دي ځکه چې تاسو باید په کالم کې هر کلاس ته ټولګي اضافه کړئ. که ستاسو میز په ځینې ډول د CMS څخه جوړ شوی وي، دا ممکن ممکن نه وي، مګر که تاسو د پاڼې کود کولو لپاره لاسونه یاست نو تاسو کولی شئ د دې اغیز ترالسه کولو لپاره مناسبه طبقات اضافه کړئ.
ټولګي = "طرف سرحد">
د قطارونو تر مینځ لینونه زیاتول خورا اسانه دي، ځکه چې تاسو کولی شئ یوازې قطار ته د قطار لپاره اضافه کړئ.
ټولګي = "سرحد - ټیټ">
بیا سی ایس ایس خپل سټاین پاڼه کې اضافه کړئ:
.border-side {
د سرحد - بڼۍ: پخته 1px تور؛
}
.border-bottom {
پورتنۍ غاړې: د 1px تور ټک؛
}
په جدول کې د انفرادي حجرو په څیر د لیکونو ځای څرنګه
د انفرادي حجرو په شاوخوا کې لینونه اضافه کولو لپاره، تاسو یو داسې ټولګي اضافه کړئ چې تاسو یې غواړو سرحد ته نږدې کړئ:
ټولګي = "سرحد">
او بیا لاندینی سی ایس ایس ستاسو د سټاین پاڼه کې اضافه کړئ:
.border {
پوله: 1px تور ټک؛
}
په جدول کې د انفرادي حجرو دننه لینونو څنګه شامل کړئ
که تاسو د حجرې د محتوياتو دننه لینونه اضافه کړئ، دا د ترسره کولو تر ټولو آسانه لاره د افقی قواو ٹیګ (
) سره ده.
ګټورې لارښوونې
که تاسو په خپلو سرحدونو کې تشې ګورئ، نو تاسو باید دا ډاډ ترلاسه کړئ چې د پولې پایلي سټراټیټ ستاسو په میز کې ترتیب شوی. لاندې د خپل سټاټ پاڼه کې اضافه کړئ:
میز {
د پولې له منځه وړل: ړنګیدل
}
تاسو کولی شئ د پورته ایس ایس ایس څخه د ټولو مخنیوی څخه مخنیوی وکړئ او ستاسو د میز ٹیګ کې د سرحدي ځانګړتیاوو څخه کار واخلئ. که څه هم د هغه ځانګړتیاوې، له مینځه وړل ندي، د سی ایس ایس په پرتله د پام وړ کم نرم دی، ځکه چې تاسو یوازې د سرحد چوکۍ تعریفولی شئ او یوازې کولی شي د میز ټول حجرات یا نور.