یہ عملی گائیڈ ریسپانسیو ڈیزائنز میں وقفہ کاری اور پیڈنگ کا انتظام کرنے کے طریقہ کار کی وضاحت کرے گا۔
ریسپانسیو ڈیزائنز میں اسپیسنگ اور پیڈنگ کا انتظام کیسے کریں؟
ریسپانسیو ڈیزائنز میں پیڈنگ اور اسپیسنگ کا انتظام CSS کے ذریعے کیا جا سکتا ہے۔ وقفہ کاری اور پیڈنگ کے انتظام کا عملی مظاہرہ ذیل میں فراہم کیا گیا ہے۔
مرحلہ 1: ایک HTML ڈھانچہ بنائیں
سب سے پہلے، ایک HTML ڈھانچہ بنائیں اور اس کے اندر کچھ متن استعمال کریں۔ اور مرحلہ 2: CSS کا اطلاق کریں۔ اب، آئیے پر سی ایس ایس کا اطلاق کریں۔ مندرجہ بالا آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ وقفہ کاری اور پیڈنگ کا اطلاق کیا گیا ہے۔ آئیے براؤزر ونڈو کو کنٹریکٹ کرکے چیک کریں کہ آیا یہ ریسپانسیو ہے یا نہیں: ونڈو کو کنٹریکٹ کرنے سے، مواد نے جوابدہی کا برتاؤ کیا ہے، جو اس بات کی تصدیق کرتا ہے کہ پیڈنگ اور اسپیسنگ لاگو کی گئی ہے۔ ریسپانسیو ڈیزائنز میں وقفہ کاری اور پیڈنگ کا انتظام کرنے کے لیے، سی ایس ایس کی خصوصیات موجود ہیں۔ 'کا استعمال کرتے ہوئے ذمہ دار ڈیزائن میں پیڈنگ شامل کرنے کے لئے بھرتی ' جائیداد. اسی طرح، جوابی ڈیزائن میں وقفہ کاری کو شامل کیا جا سکتا ہے ' مارجن ' جائیداد. اس تحریر نے صارفین کو جوابی ڈیزائن میں وقفہ کاری اور پیڈنگ کا انتظام کرنے کا حل پیش کیا ہے۔
< جسم >
< h2 > قبول سی ایس ایس پیڈنگ اور وقفہ کاری < / h2 >
< div > اس CSS عنصر کی پیڈنگ 80px اور اسپیسنگ 40px ہے۔ < / div >
< / جسم >
بھرتی : 80px ;
مارجن : 40px ;
سرحد : 1px ٹھوس سبز ;
}
نتیجہ