Tailwind CSS ایک معروف فریم ورک ہے جسے حسب ضرورت اور جوابی ویب صفحات یا ڈیزائن بنانے کے لیے استعمال کیا جاتا ہے۔ یہ صارفین کو کسی بھی حسب ضرورت CSS لکھے بغیر عناصر کی ترتیب اور اسپیسنگ کو کنٹرول کرنے کی بھی اجازت دیتا ہے۔ پیڈنگ خاص عنصر کے مواد اور اس کی سرحد کے درمیان کی جگہ ہے۔ بعض اوقات، صارف ایک عنصر کے ہر طرف ایک ہی مقدار میں پیڈنگ لگانا چاہتے ہیں۔ ٹیل ونڈ کسی عنصر کے تمام اطراف، یا مخصوص اطراف، جیسے اوپر، دائیں، نیچے، یا بائیں پر پیڈنگ لگانے کے لیے یوٹیلیٹی کلاسز فراہم کرتا ہے۔
یہ مضمون Tailwind میں کسی عنصر کے تمام اطراف میں پیڈنگ شامل کرنے کے طریقہ کار کی مثال دے گا۔
Tailwind میں تمام اطراف میں پیڈنگ کیسے شامل کریں؟
Tailwind میں کسی خاص عنصر کے تمام اطراف میں پیڈنگ شامل کرنے کے لیے، ایک HTML ڈھانچہ بنائیں۔ پھر، مخصوص عنصر کے ساتھ 'p-
نحو
< عنصر کلاس = 'p-
'
مثال
اس مثال میں، ہمارے پاس دو ہیں ' دوسری آؤٹ پٹ ٹیل ونڈ میں کسی عنصر کے تمام اطراف میں پیڈنگ شامل کرنے کے لیے، 'p-
< جسم >
< div کلاس = 'bg-pink-600 p-8 w-max' >
پیڈنگ میں ٹیل ونڈ سی ایس ایس
div >
< بی آر >
< div کلاس = 'bg-teal-600 p-14 w-max' >
پیڈنگ میں ٹیل ونڈ سی ایس ایس
div >
جسم >
یہاں، پہلے
مندرجہ بالا آؤٹ پٹ کے مطابق، مخصوص پیڈنگ دونوں کنٹینرز کے تمام اطراف پر لاگو کیا گیا ہے. نتیجہ