ببخشد در css چه موقع از تگ margin و چه موقع از تگ padding استفاده می کنیم واین دو تگ چه تفاوتی دارند؟
Printable View
ببخشد در css چه موقع از تگ margin و چه موقع از تگ padding استفاده می کنیم واین دو تگ چه تفاوتی دارند؟
پدینگ و مارجین دو خاصیت از المنت های اچ تی ام ال هستند. پدینگ هر المنت در واقع یک فضای خالی در داخل لبه (border) آن المنته یا بعبارتی بین حاشیه المنت (border) و محتوای آن المنت(مثل یک تصویر و یا محتوی یک سلول از یک جدول). به این نکته توجه کنید که پدینگ اطراف محتوی را در جهت های بالا- پائین- راست و چپ می پوشاند. اما مارجین : فضای بیرونی لبه (border) است و بعبارتی ین لبه (border) و سایر عناصر بیرون از این شی قرار دارد. مثلا برای یک تصویر مارجین فضای بیرونی کل شی تصویر می شود و همانند پدینگ فضای بیرونی شی را می پوشاند. در استفاده از این دو خاصیت به این نکته توجه شود که همه مرورگرها بدرستی از آن پشتیبانی نمی کنند و ممکن است در بعضی از آنها ترکیب به هم بخورد. حال موقعیت استفاده از این خاصیت ها : بستگی به شیوه استفاده از آنها دارد. فرض می کنیم شما یگ تگ Div دارید که دارای رنگ زمینه قرمز است.حال اگر از خاصیت پدینگ استفاده کنید باز هم کل المنت دایو شما با همان رنگ قرمز مشخص می شود اما اگر برای این المنت از خاصیت مارجین استفاده کنید این فضای خالی دیگر رنگ زمینه قرمز را ندارد و بر روی آن اعمال نمی شود. برای اطلاعات کامل تر به لینک های زیر مراجعه کنید : [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] & [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]