برو به محتوای اصلی

margin و padding در css چه کاربردی دارند؟

من کجام؟ اینجا کجاست؟

در جوابکو می‌تونید در مورد هر موضوعی سوال کنید، به سوالای بقیه جواب بدید و تجربتون رو به اشتراک بگذارید!

حجت مردانه زاده ، بنیان گذار افزونه ها دات کام - طراح و توسعه دهنده سیستمهای متن باز

به نظرم هیچ آموزش و تعریفی بهتر از اینکه خودتون بصورت عملی تفاوت‌ها و عملکردهای هرکدوم رو به عینه ببنید نیست.

پس لطفاً دو لینک زیر رو بازکنید و با بررسی و تغییر مقادیر کاملا دستتون میاد که تفاوتشون در چه چیزی هست:

https://www.w3schools.com/css/tryit.asp?filename=trycss_padding_sides۱۲

https://www.w3schools.com/css/tryit.asp?filename=trycss_margin_sides۱۶

۱۰

هر المنت از 3 قسمت تشکیل شده است: margin، border و padding

همانطور که در شکل زیر مشاهده می‌کنید: 

margin و padding در css چه کاربردی دارند؟

به قسمتی که بیرون مرز المنت قرار دارد، margin گفته می‌شود و به قسمت داخلی آن padding گفته می‌شود.

۹
علی ورزشی ، توسعه دهنده شیرپوینت

از padding برای ایجاد فاصله بین یک مطلب و خط مرزی همون مطلب استفاده میکنیم ولی از margin برای ایجاد فاصله بین خط مرزی یک مطلب با خط مرزی (border) مطلب یا باکس دیگر استفاده میشه 

منبع : http://www.asreelm.com/css-margin-padding/۲۰

۷