لسٹ اسٹائل کی قسم کیا ہے اور اسے ٹیل ونڈ میں کیسے استعمال کیا جائے؟

یہ مضمون وضاحت کرے گا:

• Tailwind CSS میں لسٹ اسٹائل کی قسم کیا ہے؟
• Tailwind CSS میں لسٹ اسٹائل کی قسم کا استعمال کیسے کریں؟

Tailwind CSS میں لسٹ اسٹائل کی قسم کیا ہے؟

لسٹ اسٹائل کی قسم ایک سی ایس ایس پراپرٹی ہے جو ترتیب شدہ فہرستوں

اور غیر ترتیب شدہ فہرستوں
میں فہرست آئٹم مارکر کی شکل کو اپنی مرضی کے مطابق بنانے کے لیے استعمال ہوتی ہے۔ یہ فہرست آئٹمز کے لیے استعمال کیے جانے والے بلٹ یا نمبرنگ اسٹائل کی قسم بتاتا ہے۔

---





---






فہرست طرز کی قسم میں تین طبقات شامل ہیں، جیسے:





فہرست ڈسک

یہ 'لسٹ-سٹائل-ٹائپ' پراپرٹی کو ڈسک پر سیٹ کرتا ہے، جو ایک بھرے ہوئے دائرے کو غیر ترتیب شدہ فہرستوں کے لیے مارکر کے طور پر دکھاتا ہے۔

'




فہرست اعشاریہ

یہ 'فہرست طرز کی قسم' کی خاصیت کو اعشاریہ پر سیٹ کرتا ہے، جو عددی اعشاریہ اقدار (1، 2، 3، وغیرہ) کو ترتیب دی گئی فہرستوں کے مارکر کے طور پر دکھاتا ہے۔

'

---





---

فہرست-کوئی نہیں۔

یہ 'لسٹ-سٹائل-قسم' پراپرٹی کو کسی پر سیٹ نہیں کرتا ہے، جس کا مطلب ہے کہ فہرست آئٹمز کے لیے کوئی مارکر ظاہر نہیں ہوتا ہے۔

Tailwind CSS میں لسٹ اسٹائل کی قسم کا استعمال کیسے کریں؟

Tailwind CSS میں فہرست طرز کی قسم کو استعمال کرنے کے لیے، سب سے پہلے، ایک HTML پروگرام بنائیں اور اس میں موجود فہرست کے عناصر کو استعمال کریں۔ فہرست ڈسک 'اور' فہرست اعشاریہ 'افادیت. پھر، HTML پروگرام چلائیں اور تصدیق کے لیے آؤٹ پٹ دیکھیں:





مرحلہ 1: فہرست اشیاء کا استعمال کرتے ہوئے HTML ویب صفحہ بنائیں

سب سے پہلے، ایک HTML پروگرام بنائیں اور اس میں موجود فہرست عناصر کو 'list-disc' اور 'list-decimal' یوٹیلیٹیز کا استعمال کرتے ہوئے استعمال کریں۔ مثال کے طور پر، ہم نے مندرجہ ذیل عناصر کا استعمال کیا ہے:

< جسم >

< div کلاس = 'h-screen ml-10' >

< ال کلاس = 'لسٹ ڈسک' >

< کہ > فہرست آئٹم 1 < / کہ >

< کہ > فہرست آئٹم 2 < / کہ >

< کہ > فہرست آئٹم 3 < / کہ >

< / ال >

< بی آر >

< ol کلاس = 'فہرست اعشاریہ' >

< کہ > فہرست آئٹم 1 < / کہ >

< کہ > فہرست آئٹم 2 < / کہ >

< کہ > فہرست آئٹم 3 < / کہ >

< / ol >

< بی آر >

< ال >

< کہ > فہرست آئٹم 1 < / کہ >

< کہ > فہرست آئٹم 2 < / کہ >

< کہ > فہرست آئٹم 3 < / کہ >

< / ال >

< / div >

< / جسم >

یہاں،

• پہلہ، '
  'میں 'لسٹ ڈسک' کلاس کا اطلاق ہوتا ہے جو ہر فہرست آئٹم کے لیے بھرے ہوئے دائرے کے مارکر دکھاتا ہے۔
  • دوسرا، '
    ' میں 'فہرست اعشاریہ' کلاس کا اطلاق ہوتا ہے جو عددی اعشاریہ کی قدروں کو بطور مارکر دکھاتا ہے۔
    1. آخری '
       ” میں کوئی یوٹیلیٹی کلاس لاگو نہیں ہے، لہذا یہ ڈیفالٹ لسٹ مارکر اسٹائل استعمال کرے گا۔

       مرحلہ 2: HTML ویب صفحہ دیکھیں

       پھر، HTML پروگرام چلائیں اور آؤٹ پٹ کی تصدیق کے لیے ویب صفحہ دیکھیں:

       

       مندرجہ بالا آؤٹ پٹ نے وہ فہرستیں ظاہر کی ہیں جن کے مطابق انہیں اسٹائل کیا گیا تھا۔

       نتیجہ

       لسٹ اسٹائل ٹائپ ایک سی ایس ایس پراپرٹی ہے جس کا استعمال لسٹ آئٹم مارکر کی شکل کو ترتیب شدہ اور غیر ترتیب شدہ فہرستوں میں ترتیب دینے کے لیے کیا جاتا ہے۔ یہ فہرست آئٹمز کے لیے استعمال کیے جانے والے بلٹ یا نمبرنگ اسٹائل کی قسم کی وضاحت کرتا ہے۔ اسے Tailwind میں 'کی وضاحت کر کے استعمال کیا جا سکتا ہے۔ فہرست ڈسک 'اور' فہرست اعشاریہ 'افادیت. اس مضمون میں فہرست طرز کی قسم اور Tailwind میں اس کے استعمال کے بارے میں وضاحت کی گئی ہے۔