سی ایس ایس میں مارجن بمقابلہ پیڈنگ کب استعمال کریں۔

'کلاس رکھنے والا کنٹینر' margin-div 'اور لاگو کریں' انداز ' بطور خاص' بارڈر: 1px ٹھوس سیاہ ' اس کے بعد، 'میں کچھ متن شامل کریں

ٹیگ:

< div کلاس = 'حاشیہ تقسیم' انداز = 'بارڈر: 1px ٹھوس سیاہ' >
< ص >Linuxhint بہترین ٹیوٹوریل ویب سائٹس میں سے ایک ہے۔< بی آر >
< / ص >
< div >

آؤٹ پٹ

اب، 'مارجن' کی خاصیت کو '.margin-div' کلاس پر لاگو کریں:

.margin-div {
پس منظر- رنگ : rgb ( 199 , 238 ، 205 ) ;
فونٹ- سائز : درمیانہ
سرحد : 3px rgb ( 114 ، 250 , 114 ) ;
مارجن: 100px 100px 100px 100px؛
}

مندرجہ بالا کوڈ میں، ' .margin-div ذیل میں درج خصوصیات کو لاگو کرنے کے لیے div عنصر تک رسائی کے لیے استعمال کیا جاتا ہے:

• ' پس منظر کا رنگ ” پراپرٹی کو پس منظر میں رنگ لگانے کے لیے استعمال کیا جاتا ہے۔
• ' حرف کا سائز فونٹ کے سائز کو ایڈجسٹ کرنے کے لیے استعمال کیا جاتا ہے۔
• ' مارجن ” عنصر کے باہر جگہ مختص کرتا ہے۔ مثال کے طور پر، ہم نے 'مارجن' پراپرٹی کو ' 100px '

یہاں، آپ دیکھ سکتے ہیں کہ ہم نے کامیابی سے ' مارجن 'دوسری پر جائیداد' div عنصر:

سی ایس ایس میں 'پیڈنگ' کا استعمال کیسے کریں؟

'پیڈنگ' پراپرٹی کو استعمال کرنے کے لیے، اوپر بیان کردہ مثالیں استعمال کی گئی ہیں۔ دوسرے میں ' div 'کنٹینر، کلاس کا استعمال کریں' padding-div پیڈنگ لگانے کے لیے:

< div کلاس = 'لینکس' >
< ص > Linuxhint بہترین ٹیوٹوریل ویب سائٹس میں سے ایک ہے < / ص >
< / div >
< div کلاس = 'padding-div' انداز = 'بارڈر: 1px ٹھوس سیاہ' >
< ص >Linuxhint بہترین ٹیوٹوریل ویب سائٹس میں سے ایک ہے۔< بی آر >
< / ص >
< / div >

آؤٹ پٹ

پیڈنگ اور دیگر سی ایس ایس خصوصیات کو لاگو کرنے کے لیے ' .padding-div 'کلاس، فراہم کردہ کوڈ پر ایک نظر ڈالیں:

.padding-div {
پس منظر- رنگ : rgb ( 199 ، 238 ، 205 ) ;
فونٹ- سائز : درمیانہ
پیڈنگ: 50px 50px 50px 50px؛
}

مذکورہ کوڈ میں، ہم نے دوسرے ' div 'کلاس کا استعمال کرتے ہوئے عنصر' .padding-div ' ہم نے 'بیک گراؤنڈ کلر' اور 'فونٹ سائز' سیٹ کیا ہے۔ مزید یہ کہ ' بھرتی 'پراپرٹی کو ہر طرف سے عنصر کے مواد کے ارد گرد جگہ شامل کرنے کے لئے استعمال کیا جاتا ہے' 50px '

آؤٹ پٹ

ہم نے CSS میں 'padding' اور 'margin' کے فرق اور استعمال کی وضاحت کی ہے۔

نتیجہ

سی ایس ایس ' مارجن ' عنصر کے ارد گرد وقفہ کاری کو متعین کرنے کے لیے استعمال کیا جاتا ہے، جبکہ ' بھرتی عنصر کے مواد کے ارد گرد وقفہ کاری شامل کرنے کے لیے استعمال کیا جاتا ہے۔ مارجن یا پیڈنگ پراپرٹی کو لاگو کرنے کے لیے، پہلے ایک ' div کنٹینر، اور کلاس کی وضاحت کریں۔ اس کے بعد، کلاس کے نام سے کلاس تک رسائی حاصل کریں اور ' مارجن 'اور' بھرتی خصوصیات اس پوسٹ میں سی ایس ایس میں مارجن بمقابلہ پیڈنگ کے استعمال کی وضاحت کی گئی ہے۔