ایچ ٹی ایم ایل کے عناصر کو اسٹائل کرنے کے لیے متعدد سی ایس ایس خصوصیات ہیں۔ ' ڈسپلے پراپرٹی ان میں سے ایک ہے، جس کا استعمال اس عنصر کو ترتیب دینے کے لیے کیا جاتا ہے جس کا انتظام ان لائن عنصر یا بلاک عنصر کے طور پر کیا جاتا ہے۔ مزید برآں، اس کے بچوں کے لیے استعمال شدہ ترتیب، جیسے بہاؤ، فلیکس، یا گرڈ۔ مزید یہ کہ یہ خاصیت کسی عنصر کو ظاہر کرنے کے لیے اندرونی اور بیرونی اقسام مختص کرتی ہے۔
یہ پوسٹ وضاحت کرے گی:
سی ایس ایس میں 'ڈسپلے: ٹیبل سیل' کا استعمال کیسے کریں؟
استعمال کرنے کے لیے ' ڈسپلے 'قیمت کے ساتھ پراپرٹی' ٹیبل سیل '، دی گئی ہدایات کو آزمائیں۔
مرحلہ 1: نیسٹڈ ڈی وی کنٹینرز بنائیں
سب سے پہلے، کی مدد سے مین ڈیو کنٹینر بنائیں۔ مین div تک رسائی حاصل کرنے کے لیے، استعمال کریں ' #ٹیبل مواد '، کہاں ' # 'ایک سلیکٹر ہے جو مخصوص تک رسائی کے لیے استعمال ہوتا ہے' آئی ڈی div کنٹینر کی خصوصیت۔ پھر، مندرجہ ذیل خصوصیات کو لاگو کریں: مرحلہ 3: اسٹائل 'tr-div' کنٹینر اب، سٹائل ' tr-div 'کنٹینر مندرجہ ذیل ہے: آؤٹ پٹ ' ڈسپلے: ٹیبل سیل CSS پراپرٹی کا استعمال ڈیٹا پر ڈسپلے سیٹ کرنے کے لیے کیا جاتا ہے جو عنصر کو ٹیبل کی طرح برتاؤ کرتا ہے۔ لہذا، صارف ٹیبل ایلیمنٹ اور دیگر عناصر کو استعمال کیے بغیر HTML میں ٹیبل کا ڈپلیکیٹ بنا سکتے ہیں، بشمول td اور tr۔ مزید خاص طور پر، اس کی پراپرٹی ڈیٹا کو ٹیبل کی شکل میں بیان کرتی ہے۔ استعمال کرنے کے لیے ' ڈسپلے: ٹیبل سیل سی ایس ایس پراپرٹی، نیسٹڈ ڈیو کنٹینرز بنائیں اور ہر کنٹینر میں ایک مخصوص نام کے ساتھ کلاس داخل کریں۔ پھر، سی ایس ایس میں ڈیو کنٹینر تک رسائی حاصل کریں، اور 'ڈسپلے: ٹیبل سیل' پراپرٹی کو لاگو کریں، جہاں ' ڈسپلے ٹیبل سیلز میں ڈیٹا سیٹ کرنے کے لیے پراپرٹی کا استعمال کیا جاتا ہے۔ اس پوسٹ نے ڈسپلے:ٹیبل سیل سی ایس ایس پراپرٹی کو استعمال کرنے کا طریقہ دکھایا ہے۔
< div آئی ڈی = 'ٹیبل مواد' >
< div کلاس = 'tr-div' >
< div کلاس = 'td-div' > ہیری div >
< div کلاس = 'td-div' > ایچ ٹی ایم ایل / سی ایس ایس div >
div >
< div کلاس = 'tr-div' >
< div کلاس = 'td-div' > ایڈورڈ div >
< div کلاس = 'td-div' > ڈوکر div >
div >
< div کلاس = 'tr-div' >
< div کلاس = 'td-div' > جیک div >
< div کلاس = 'td-div' > گٹ div >
div >
div >
یہ دیکھا جا سکتا ہے کہ ڈیٹا کامیابی کے ساتھ شامل کیا گیا ہے:
مرحلہ 2: اسٹائل 'ٹیبل مواد' کنٹینر
ڈسپلے: ٹیبل؛
پیڈنگ: 7px؛
}
یہاں:
ڈسپلے: ٹیبل قطار؛
پس منظر کا رنگ: rgb ( 164 , 241 , 215 ) ;
پیڈنگ: 7px؛
}
مندرجہ بالا کوڈ بلاک کے مطابق، ' ڈسپلے ' جائیداد کی قیمت کے طور پر مقرر کیا گیا ہے ' میز کی قطار 'جس کا مطلب ہے کہ ڈیٹا کو ٹیبل میں قطاروں کی شکل میں سیٹ کیا جاتا ہے،' پس منظر کا رنگ 'جائیداد کو عنصر کے پچھلے حصے میں رنگ کی وضاحت کے لیے استعمال کیا جاتا ہے، اور آخر میں،' بھرتی ' اطلاق ہوتا ہے:
مرحلہ 4: 'td-div' کنٹینر پر 'ڈسپلے: ٹیبل سیل' پراپرٹی کا اطلاق کریں
ڈسپلے: ٹیبل سیل؛
چوڑائی: 150px؛
سرحد: #0f4bf0 ٹھوس 1px؛
مارجن: 5px؛
پیڈنگ: 7px؛
}
کی مدد سے تھرڈ ڈیو تک رسائی حاصل کریں۔ .td-div ڈاٹ سلیکٹیو اور متعلقہ آئی ڈی، اور ذیل میں دی گئی سی ایس ایس خصوصیات کو لاگو کریں:
سی ایس ایس میں 'ڈسپلے: ٹیبل سیل' کیوں استعمال کریں؟
نتیجہ