'ٹیگ کریں اور اسے سیٹ کریں' رنگ 'سیاہ سے:

<مرکز >
= '../book.jpg' اونچائی = 'پچاس٪' ; چوڑائی = 'پچاس٪' >

= 'پس منظر کا رنگ: ڈوجر بلیو' >

= 'کالا رنگ؛' > Linuxhint

>
>
مرکز >

مندرجہ بالا کوڈ کو مرتب کرنے کے بعد، آؤٹ پٹ ایسا لگتا ہے:

---

---

'

منفی مارجن لگانے سے پہلے ” ٹیگ ویب پیج کے نیچے ہوتا ہے۔

منفی مارجن ٹاپ پراپرٹی کا استعمال

شامل کریں ' مارجن ٹاپ 'جائیداد'

عنصر اور اس کی قدر منفی میں دیں۔ مثال کے طور پر، یہاں -15% مارجن ٹاپ پراپرٹی کی قدر ہے:

<مرکز >
= '../book.jpg' اونچائی = 'پچاس٪' ; چوڑائی = 'پچاس٪' >

= 'پس منظر کا رنگ: ڈوجر بلیو' >

= 'رنگ: سیاہ؛ مارجن ٹاپ: -15٪؛' > Linuxhint

>
>
مرکز >

کوڈ پر عمل کرنے کے بعد، ویب صفحہ اس طرح نظر آتا ہے:

آؤٹ پٹ دکھاتا ہے کہ منفی مارجن ٹاپ پیرنٹ عنصر کے سامنے '

' عنصر ڈسپلے کرتا ہے۔

منفی مارجن باٹم پراپرٹی کا استعمال

اوپر کی طرح کی خصوصیات کو لاگو کریں اور صرف تبدیل کریں ' مارجن نیچے ' جائیداد. اس کے بعد، بصری تبدیلیاں دیکھنے کے لیے '

' عنصر کے نیچے ایک تصویر شامل کریں:

< div انداز = 'پس منظر کا رنگ: ڈوجر بلیو' >
< h3 انداز = 'رنگ: سیاہ؛ مارجن نیچے: -5٪؛' > Linuxhint میں خوش آمدید h3 >
div >
< img src = '../book.jpg' اونچائی = 'پچاس٪' ; چوڑائی = 'پچاس٪' >

کوڈ کو اپ ڈیٹ کرنے کے بعد ہمارا ویب صفحہ اس طرح نظر آتا ہے:

مندرجہ بالا آؤٹ پٹ سے پتہ چلتا ہے کہ متن کو -5% کا نچلا مارجن مل رہا ہے۔

منفی مارجن رائٹ پراپرٹی کا استعمال

عنصر کو مارجن رائٹ پراپرٹی کی -55% قیمت دینے سے، یہ مخالف سمت میں چلتا ہے:

< div انداز = 'پس منظر کا رنگ: ڈوجر بلیو؛' >
< h3 انداز = 'رنگ: سیاہ؛ مارجن-بائیں: -55٪؛' > Linuxhint میں خوش آمدید < / h3 >
< / div >
< img src = '../book.jpg' اونچائی = 'پچاس٪' ; چوڑائی = 'پچاس٪' >

کوڈ آؤٹ پٹ پر عمل کرنے کے بعد اس طرح نظر آتے ہیں:

آؤٹ پٹ سے پتہ چلتا ہے کہ متن کو منفی مارجن کا حق مل رہا ہے۔

منفی مارجن لیفٹ پراپرٹی کا استعمال

منفی قدر والی مارجن-بائیں پراپرٹی اسی طرح کام کرتی ہے۔ نیچے دیے گئے کوڈ میں، '

' عنصر 50% بائیں جانب مخالف سمت میں مارجن-بائیں پراپرٹی کی طرف جاتا ہے:

= 'پس منظر کا رنگ: ڈوجر بلیو؛' >

= 'رنگ: سیاہ؛ مارجن-بائیں: -50%؛' > Linuxhint میں خوش آمدید >
>
= '../book.jpg' اونچائی = 'پچاس٪' ; چوڑائی = 'پچاس٪' >

مندرجہ بالا کوڈ کا آؤٹ پٹ ہے:

اس طرح سی ایس ایس میں منفی مارجن کام کرتا ہے۔

مارجن ٹاپ:-5 != مارجن نیچے:5 کیوں ہے؟

جب ' مارجن نیچے: 5% 'استعمال کیا جاتا ہے یہ عنصر کے مرکز کی طرف نیچے کی طرف سے ایک مارجن کا اضافہ کرتا ہے لیکن جب ' مارجن ٹاپ:-5% ” استعمال کیا جاتا ہے یہ اوپر سے 5% کا مارجن جوڑتا ہے لیکن مخالف سمت میں (صفحہ سے باہر)۔

نتیجہ

CSS میں، منفی مارجن مارجن ویلیو کو تفویض کرکے مخالف سمت میں کام کرتا ہے۔ یہ عنصر کے مواد کو صفحہ کے باہر کی سمت/باہر منتقل کرتا ہے۔ 'مارجن ٹاپ:-5' 'مارجن-باٹم:5' کے برابر نہیں ہے کیونکہ دونوں پراپرٹی ویلیوز والدین کی پوزیشن کے مطابق مواد کو مخالف سمتوں میں منتقل کرتی ہیں۔ اس مضمون نے کامیابی سے ظاہر کیا ہے کہ منفی مارجن کیسے کام کرتا ہے۔