صرف پنج منٽ ۾ سي ايس ڊي ٽيبل سرحد ڪيئن ٺاهيو سکو
توهان شايد ٻڌن ها ته سي ايس ۽ ايم ٽي ٽيبل ميز ناهي. اهو بلڪل سچي ناهي. ها، ترتيب جي لاء HTML جدول استعمال ڪندي ڪو ويب ڊيزائين بهترين طريقيڪار جو استعمال نه ڪيو ويو آهي، سي ايس ڊي ترتيب شيلز کي تبديل ڪيو ويو آهي، پر جدول اڃا تائين ويب پيج تي ٽبلر کي شامل ڪرڻ لاء استعمال ڪرڻ لاء صحيح مارڪ اپ آهي.
بدقسمتي سان، ڇاڪاڻ ته ڪيترائي ويب پروفيسر ٽيبل کان سوچڻ کان پري ڀريا آهن ته اهي زهر آهن، انهن مان ڪيترن ئي پروفيسر اهو عام HTML عنصر ۽ جدوجهد جي دوران جدوجهد ڪندا آهن جڏهن اهي انهن کي ويب پيج تي هٿ ڪرڻو پوندو. مثال طور، جيڪڏهن توهان وٽ ڪنهن صفحي تي ٽيبل آهي ۽ توهان ٽيبل جي خاني ڏانهن اندروني لائين شامل ڪرڻ چاهيو ٿا.
ايس ايس ٽيبل جا پابند
جڏهن توهان ٽيبل تي سرحدون شامل ڪرڻ لاء سي ايس استعمال ڪريو ٿا، اهو صرف ٽيبل جي ٻاهرئين سرحد کي وڌائيندو آهي. جيڪڏهن توهان ٽيبل جي انفرادي سيلز کي اندروني لڪيرون شامل ڪرڻ چاهيو ٿا، توهان کي گهڻيون سي ايس عناصر ۾ سرحدون شامل ڪرڻ جي ضرورت آهي. توهان انفرادي سيلز اندر لائنن کي شامل ڪرڻ لاء HR ٽيگ پڻ استعمال ڪري سگھو ٿا.
هن مضمون ۾ شامل ڪيل اندازن کي لاڳو ڪرڻ لاء، توهان کي توهان جي ويب صفحي تي ميزبان هجڻ گهرجي. ته پوء توهان کي هڪ انداز جي شيٽ ٺاهي توهان جي دستاويز جي سر ۾ اندروني انداز شيٽ (توهان کي صرف اهو ئي ٿيندو ته توهان جي "سائيٽ" هڪ واحد صفحي آهي) يا بين الاقوامي طرز شيٽ جي طور دستاويزن سان منسلڪ ٿيندو. جيڪڏهن توهان جو سائيٽ ڪيتريون ئي صفحا آهي جيڪڏهن توهان هڪ خارجي شيٽ کان طرز جي سڀني صفحن کي اجازت ڏيو ٿا. توهان کي اندازن ۾ داخلي لائنن کي انهي انداز شيٽ ۾ شامل ڪرڻو پوندو.
توهان جي شروعات کان اڳ
پهرين توهان کي فيصلو ڪرڻ جي ضرورت آهي جتي توهان جي ٽيبل ۾ سٽون لڪائڻ چاهيو ٿا. توھان وٽ ڪيترائي اختيار آھن، شامل آھن:
- سڀني سيلرن کي گريڊ ٺاهيو ويندو آهي.
- صرف ڪالمن جي وچ ۾ ليڪن کي پوزيشن؛
- بس قطار جي وچ ۾. يا
- مخصوص ڪالمن يا قطارن جي وچ ۾.
توهان انفرادي سيلز جي اندر يا انفرادي خانداني حدن جي چوڌاري به سٽون پوزيشن ڪري سگهو ٿا.
جدول جي سڀني سيلن جي وچ ۾ لين کي ڪئين شامل ڪريو
توهان جي ميزبان جي سڀني خاني جي چوڌاري خطن کي شامل ڪرڻ لاء، گرڊ وانگر جهڙو اثر پيدا ڪرڻ لاء، توهان جي انداز جي شيٽ ۾ شامل ڪريو.
td، th {
سرحد: 1px ڪارو؛
}
جدول ۾ بس ڪالمن جي وچ ۾ ليڪن کي ڪيئن شامل ڪريو
لائينن کي وچ ۾ شامل ڪرڻ لاء (هي عمودي لائينون جيڪي مٿي کان مٿي جي تالن تي مٿي کان وٺي هلندا آهن)، پنهنجي طرز جي شيٽ کي هيٺين شامل ڪريو:
td، th {
سرحد ڇڏي: ڪٿان 1px ڪارو؛
}
پوء، جيڪڏهن توهان نه ٿا چاهيو ته پهرين ڪالمن تي ويهڻ لاء، توهان کي هڪ طبقي کي انهن ٽي ۽ سيلز سيلز شامل ڪرڻ جي ضرورت پوندي. هن مثال ۾، اسان فرض ڪريون ٿا ته اسان انهن خاني تي سرحد جو هڪ طبقو آهي ۽ اسان سرحد جي وڌيڪ مخصوص سي ايس جي اصولن سان سرحد کي هٽايو ٿا. تنهن ڪري هتي اسان HTML هاڻوڪو طبقي جو استعمال ڪنداسين:
طبقو = "no-border">
۽ ان کان پوء اسان ھيٺ ڏنل طريقي سان اسان جي اندازي شيٽ ۾ شامل ڪري سگھون ٿا.
.no border {
سرحد ڇڏي: ٻيو؛
}
ٽيبل ۾ بس رينس جي وچ ۾ ليڪن کي ڪيئن شامل ڪريو
جيئن ته شاخن جي وچ ۾ لين کي شامل ڪرڻ سان، توهان پنهنجي طرز شيٽ ۾ صرف هڪ سادي انداز سان شامل ڪري سگهو ٿا. هيٺيان سي ايس ڊي اسان جي ٽيبل جي هر قطار جي وچ ۾ عمودي لائنون شامل ڪندا.
tr {
سرحد جي تريڪ: 1px ڪارا لڳل؛
}
۽ ٽيبل جي دريء کان سرحد کي هٽائڻ، توهان هڪ دفعو ٻيهر ٽريڪ ٽريڪ کي ڪلاس شامل ڪيو ٿا:
طبقو = "no-border">
پنهنجي طرز جي شيٽ کي هيٺين انداز ۾ شامل ڪريو
.no border {
سرحد-تڪرار: ڪابه؛
}
ٽيبل ۾ مخصوص کالم يا رائن جي وچ ۾ ليڪن شامل ڪرڻ ڪيئن
جيڪڏهن توهان صرف قطارن جي مخصوص قطار يا ڪالن جي وچ ۾ هجي، توهان انهن خاني يا قطارن تي ڪلاس استعمال ڪرڻ جي ضرورت آهي. قطار جي وچ ۾ هڪ قطار شامل ڪرڻ قطار جي وچ ۾ ٿورو ڏکيو آهي ڇاڪاڻ ته توهان انهي ڪالمن ۾ هر سيل کي ڪلاس شامل ڪيو آهي. جيڪڏهن توهان جي ٽيبل ڪنهن قسم جي سي ايم ايس پاڻمرادو ٺاهي ويندي آهي، اهو شايد ممڪن ناهي، پر جيڪڏهن توهان صفحي کي ڪوڊ لڳائي رهيا آهيو، ته توهان هن اثر کي حاصل ڪرڻ لاء مناسب طبقن شامل ڪري سگهو ٿا.
طبقو = "طرف سرحد">
قطارن جي وچ ۾ لين کي شامل ڪرڻ بلڪل آسان آهي، جئين ته صرف قطار کي ڪئين قطار ۾ شامل ڪري سگهو ٿا.
طبقو = "سرحد-تري">
پوء سي ايس پنھنجي اسٽارٽ شيٽ ۾ شامل ڪريو.
.بيرن جي ترتيب
سرحد ڇڏي: ڪٿان 1px ڪارو؛
}
. آرڊر جي تري
سرحد جي تريڪ: 1px ڪارا لڳل؛
}
جدول ۾ انفرادي سيلن ۾ لکين ڪئين شامل ڪريو
انفرادي سيلز جي چوڌاري لائنن کي شامل ڪرڻ لاء، توهان هڪ طبقي کي سيلاب کي وڌايو ٿا جيڪي توهان چاهيندا آهن.
طبقو = "سرحد">
۽ پوء هيٺ ڏنل سي ايس کي پنهنجي طرز شيٽ ۾ شامل ڪريو.
.بج ڏيندڙ
سرحد: 1px ڪارو؛
}
ھڪڙي جدول ۾ انفرادي سيلن جي اندر لائن لائنز کي ڪيئن شامل ڪريو
جيڪڏهن توهان سيل جي مواد جي اندر لائنون شامل ڪرڻ چاهيو ٿا، اهو ڪرڻ لاء آسان رستو افقي قاعدي جي ٽيگ ( <ڪلا> ) سان آهي.
مددگار ٽوٽيون
جيڪڏهن توهان پنهنجن خطرن ۾ فرق محسوس ڪري، توهان کي پڪ ڪرڻ گهرجي ته سرحدن جي خاتمي جو انداز توهان جي ميز تي قائم آهي. پنھنجي طرز جي شيٽ کي ھيٺ ڏنل شامل ڪريو
ٽيبل {
سرحد جي خاتمي کي ختم ڪرڻ.
}
توهان مٿين سي ايس جي سڀني کان پاسو ڪري سگهو ٿا ۽ سرحد جي خاصيت کي توهان جي ٽيبل جي ٽيگ ۾ استعمال ڪري سگهو ٿا. انهي جي حقيقي طور تي، سندس صفت، مايوس نه هئڻ، سي ايس ڊي جي ڀيٽ ۾ تمام گهٽ لچڪدار آهي، جيئن ته توهان صرف سرحد جي چوٿين کي وضاحت ڪري سگهي ٿي ۽ فقط اهو صرف ٽيبل يا ٻئي جي سڀني خاني جي چوڌاري ڪري سگهي ٿو.