- Table Row
میں بارڈر-باٹم کیسے شامل کریں؟ - بارڈر کے نیچے کو ٹیبل قطار
عنصر پر سیٹ کریں۔ - اسٹائل ٹیبل عنصر
- اسٹائل 'ٹی ڈی' عنصر
- طرز 'tr' عنصر
Table Row
میں بارڈر-باٹم کیسے شامل کریں؟ میز کی قطار میں بارڈر کے نیچے کو شامل کرنے سے ایک بہتر بصری تجربہ کرنے اور صارف کی توجہ کو اپنی طرف متوجہ کرنے کے لیے بارڈر پوری قطار میں شامل ہو جائے گا۔
ٹیبل قطار
میں بارڈر نیچے شامل کرنے کی ایک تفصیلی مثال ذیل میں دکھائی گئی ہے۔
بارڈر کے نیچے کو ٹیبل کی قطار
پر سیٹ کریں۔ ہماری HTML فائل میں 3 قطاروں اور 3 کالموں پر مشتمل ایک سادہ ٹیبل بنائیں جو کہ
، اور عناصر کا استعمال کرتے ہوئے بنائی گئی ہیں:
< ٹیبل >
< tr کلاس = 'قطار' >
< ویں > نام < / ویں >
< ویں > حالت < / ویں >
< ویں > کمرہ نمبر < / ویں >
< / tr >
< tr کلاس = 'قطار' >
< td > فاخر < / td >
< td > طالب علم < / td >
< td > 05 < / td >
< / tr >
< tr کلاس = 'قطار' >
< td > عمر < / td >
< td > طالب علم < / td >
< td > 05 < / td >
< / tr >
< / ٹیبل >مندرجہ بالا کوڈ کے ٹکڑوں میں، ہم نے ٹیبل کی قطاروں کو
کی ایک کلاس تفویض کی ہے، تاکہ بعد میں CSS میں اس تک رسائی حاصل کی جا سکے۔
ویب صفحہ اس طرح نظر آئے گا:
اسٹائل ٹیبل عنصر
سی ایس ایس حصے میں ٹیبل عنصر کو منتخب کریں اور متن کو مرکز میں سیدھ کریں۔ اس کے بعد، استعمال کریں ' سرحد کا خاتمہ ' جائیداد کو گرنے کے لیے اس کی قیمت مقرر کرنا:
ٹیبل
{
border-collapse : گرنا۔
متن سیدھ: مرکز؛
}اسٹائل 'ٹی ڈی' عنصر
بہتر بصری نمائندگی کے لیے، آئیے ٹیبل ڈیٹا '
' اور ٹیبل ہیڈر ' ' عناصر میں 20px کی پیڈنگ دیں: td
{
پیڈنگ: 20px؛
}
ویں
{
پیڈنگ: 20px؛
}آؤٹ پٹ اس طرح نظر آتا ہے:
مندرجہ بالا آؤٹ پٹ نے 20px کی پیڈنگ دکھائی ہے اور متن کو مرکز میں منسلک کیا ہے۔
طرز 'tr' عنصر
CSS فائل میں، 'tr' سلیکٹر کے تحت بارڈر-باٹم پراپرٹی شامل کریں۔ یہ ٹیبل کی ہر قطار کو تفویض کرتا ہے بشمول سرخی والی قطار۔ مثال کے طور پر، اس کی قدر کو 2px ٹھوس ڈارک سیان پر سیٹ کریں:
tr {
بارڈر نیچے: 2px ٹھوس گہرا سیان؛
}مندرجہ بالا کوڈ کے ٹکڑوں پر عمل کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے:
یہ سب کچھ اس بارے میں ہے کہ ہر ٹیبل کی قطار کے نیچے بارڈر کیسے شامل کیا جائے۔
' نتیجہ
عنصر کے نچلے حصے میں ایک بارڈر شامل کرنے کے لیے، CSS پراپرٹی بارڈر-collapse کو گرنے کے لیے سیٹ کریں اور ' ' عنصر پر بارڈر-نیچے والی پراپرٹی استعمال کریں۔ یہ CSS پراپرٹی کو میز پر بارڈرز لگانے کی اجازت دیتا ہے۔ اس طرح آپ آسانی سے ہر '
' ٹیگ میں بارڈر باٹم شامل کر سکتے ہیں۔ - بارڈر کے نیچے کو ٹیبل قطار