یہ پوسٹ وضاحت کرے گی کہ کس طرح سی ایس ایس کا استعمال کرتے ہوئے ایچ ٹی ایم ایل سے بارڈرز کو مکمل طور پر ہٹایا جائے۔
ایچ ٹی ایم ایل ٹیبل سے بارڈرز کو مکمل طور پر کیسے ہٹایا جائے؟
اگر صارف HTML ٹیبل سے بارڈرز کو مکمل طور پر ہٹانا چاہتے ہیں تو ہدایات کو دیکھیں۔
مرحلہ 1: بارڈر کے ساتھ ٹیبل بنائیں
HTML میں ٹیبل بنانے کے لیے، ہدایات پر عمل کریں:
- سب سے پہلے، ایک ٹیبل عنصر شامل کریں ' <ٹیبل> ' کے ساتھ ' سرحد ' وصف.
- پھر '
” ٹیگ کو قطاروں کی مطلوبہ تعداد بنانے کے لیے شامل کیا جاتا ہے۔ - سرخی والے خلیات کو 'کا استعمال کرتے ہوئے بیان کیا گیا ہے۔
ٹیگز - اس کے بعد، '
'ٹیگز دوسرے میں شامل ہیں' ڈیٹا سیلز کو شامل کرنے کے لیے ٹیگز: < ٹیبل سرحد = '1px' >
< tr > < ویں > نام < / ویں > < ویں > ID < / ویں > < ویں > قسم < / ویں >< / tr >
< tr > < td > جینی < / td > < td > 001 < / td > < td > اے < / td >< / tr >
< tr > < td > سمندر < / td > < td > 002 < / td > < td > بی < / td >< / tr >
< tr > < td > بڑا < / td > < td > 003 < / td > < td > سی < / td >< / tr >
< / ٹیبل >ایچ ٹی ایم ایل ٹیبل کو اسٹائل کرنے کے لیے، ہم درج ذیل سی ایس ایس خصوصیات استعمال کریں گے:
انداز >
ٹیبل {
بھرتی : 10px ;
مارجن : آٹو ;
سرحد : 1px ٹھوس سیاہ :
}
اسٹائل >کے اندر ' ” ٹیگ، اس کے ٹیگ کا استعمال کرتے ہوئے
عنصر تک رسائی حاصل کریں۔ پھر، مندرجہ ذیل خصوصیات کو لاگو کریں:
- ' مارجن 'قیمت کے ساتھ پراپرٹی' آٹو عنصر کے ارد گرد مساوی جگہ قائم کرنے کے لیے استعمال کیا جاتا ہے۔
- ' بھرتی 'قیمت کے ساتھ پراپرٹی' 10px عنصر کے مواد کے ارد گرد 10px کی جگہ سیٹ کرتا ہے۔
- ' سرحد پراپرٹی میز کے ارد گرد سرحد کا اطلاق کرتی ہے۔
آؤٹ پٹ
مرحلہ 2: سی ایس ایس میں بارڈر کو ہٹا دیں۔
میز سے بارڈر کو ہٹانے کے لیے، صارفین کو ' سرحد 'جائیداد کے طور پر' کوئی نہیں ”:
ٹیبل {
بھرتی : 10px ;
مارجن : آٹو ;
سرحد : کوئی نہیں ;
}یہ دیکھا جا سکتا ہے کہ میز سے بیرونی سرحد کو کامیابی سے ہٹا دیا گیا ہے:
مرحلہ 3: ٹیبل بارڈر کو مکمل طور پر ہٹا دیں۔
مزید برآں، اگر آپ میز کے ساتھ ساتھ خلیات سے پوری سرحد کو ہٹانا چاہتے ہیں، تو سیٹ کریں ' سرحد 'جائیداد کے طور پر' کوئی نہیں 'تمام عناصر پر، بشمول' ٹیبل '،' tr '،' ویں '، اور ' td ”:
ٹیبل، tr، td، th{
پیڈنگ: 10px؛
margin: car;
سرحد: کوئی نہیں؛
}مندرجہ ذیل آؤٹ پٹ اشارہ کرتا ہے کہ ہم نے HTML ٹیبل سے سرحد کو مکمل طور پر ہٹا دیا ہے۔
ہم نے HTML ٹیبلز سے بارڈرز کو مکمل طور پر ہٹانے کا طریقہ دکھایا ہے۔
نتیجہ
HTML ٹیبل سے بارڈر کو مکمل طور پر ہٹانے کے لیے پہلے ایک ٹیبل بنائیں۔ اس کے بعد سی ایس ایس پراپرٹیز کا اطلاق کریں ' سرحد '،' بھرتی '، اور ' مارجن ' میز پر. پھر، بارڈر پراپرٹی کو 'کے طور پر سیٹ کریں کوئی نہیں 'تمام ٹیبل عناصر پر، جیسے' ٹیبل '،' tr '،' td '، اور ' ویں ' اس ٹیوٹوریل نے HTML ٹیبل سے سرحد کو مکمل طور پر ہٹانے کا طریقہ دکھایا ہے۔
- سرخی والے خلیات کو 'کا استعمال کرتے ہوئے بیان کیا گیا ہے۔