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

یہ مضمون Tailwind CSS میں صوابدیدی اقدار کو استعمال کرنے کے طریقہ کی وضاحت کرے گا۔

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

صوابدیدی اقدار وہ حسب ضرورت اقدار ہیں جو ٹیل ونڈ کنفیگریشن فائل میں ان کی وضاحت کیے بغیر براہ راست HTML کلاس انتساب میں لکھی جا سکتی ہیں۔ وہ مربع بریکٹ اشارے کے ساتھ پریفکس ہوتے ہیں، جیسے [24px]، [2.5rem]، وغیرہ۔ Tailwind میں صوابدیدی قدروں کو استعمال کرنے کے لیے، مربع بریکٹ اشارے کا استعمال کریں اور یوٹیلیٹی کلاسز کو متحرک طور پر بنانے کے لیے کسی بھی حسب ضرورت قدر کی وضاحت کریں۔

بہتر تفہیم کے لیے درج ذیل مراحل کو دیکھیں:

مرحلہ 1: HTML پروگرام میں صوابدیدی اقدار کا استعمال کریں۔

ایک HTML پروگرام بنائیں اور مطلوبہ کلاسز بنانے کے لیے کسی بھی حسب ضرورت قیمت کے ساتھ مربع بریکٹ اشارے استعمال کریں۔ مثال کے طور پر، ہم نے استعمال کیا ہے 'bg-[#e9e516]', 'w-[600px]', 'h-[400px]', 'p-[13px]'، اور دیگر کلاسز:

یہاں:

• 'bg-[#e9e516]' کلاس
  کے پس منظر کا رنگ سیٹ کرتا ہے۔ '#e9e516' (پیلا)۔
• 'w-[600px]' کلاس
  کی چوڑائی کو 600 پکسلز پر سیٹ کرتی ہے۔
• 'h-[400px]' کلاس
  عنصر پر 400 پکسلز کی اونچائی کا اطلاق کرتا ہے۔
• 'p-[13px]' کلاس
  کی پیڈنگ کو 13 پکسلز پر سیٹ کرتا ہے۔
• 'm-[19px]' کلاس
  کے مارجن کو 19 پکسلز پر سیٹ کرتی ہے۔

• 'متن-[30px]' کلاس

  عنصر کے فونٹ سائز کو 30 پکسلز پر سیٹ کرتا ہے۔

• 'متن-[#7405ab]' کلاس

  عنصر کے متن کا رنگ جامنی (#7405ab) پر سیٹ کریں۔

• 'ٹریکنگ- [0.5rem]' کلاس لیٹر اسپیسنگ کو

  عنصر پر 0.5 rem پر لاگو کرتا ہے۔

مرحلہ 2: آؤٹ پٹ کی تصدیق کریں۔

اس بات کو یقینی بنانے کے لیے کہ صوابدیدی اقدار صحیح طریقے سے کام کر رہی ہیں، HTML ویب صفحہ دیکھیں:

مندرجہ بالا آؤٹ پٹ اشارہ کرتا ہے کہ صوابدیدی قدریں ٹھیک کام کر رہی ہیں جیسا کہ ان کی وضاحت کی گئی تھی۔

نتیجہ

Tailwind میں صوابدیدی اقدار کو استعمال کرنے کے لیے، متحرک طور پر کلاسز بنانے کے لیے HTML پروگرام میں کسی بھی حسب ضرورت قیمت کے ساتھ مربع بریکٹ اشارے استعمال کریں۔ صارف کسی بھی ایسی خاصیت کے لیے اقدار استعمال کر سکتے ہیں جو عددی یا رنگ کی قدر کو قبول کرتی ہو، جیسے کہ فونٹ کا سائز، رنگ، چوڑائی، اونچائی، مارجن، پیڈنگ وغیرہ۔ اس مضمون میں Tailwind CSS میں صوابدیدی اقدار کو استعمال کرنے کا طریقہ بتایا گیا ہے۔