فرق padding و margin در html چیست؟

در HTML، padding و margin دو ویژگی CSS هستند که برای کنترل فاصله بین محتوای یک عنصر و حاشیه آن استفاده می‌شوند.

padding فاصله بین محتوای یک عنصر و حاشیه آن را کنترل می‌کند. به عنوان مثال، اگر padding یک عنصر را 10px تنظیم کنید، 10px فضای خالی بین محتوای عنصر و حاشیه آن ایجاد می‌شود.

margin فاصله بین یک عنصر و سایر عناصر صفحه را کنترل می‌کند. به عنوان مثال، اگر margin یک عنصر را 10px تنظیم کنید، 10px فضای خالی بین آن عنصر و سایر عناصر صفحه ایجاد می‌شود.

در اینجا یک مثال از نحوه استفاده از padding و margin آورده شده است:

<div style="padding: 10px; margin: 10px;">
  این یک عنصر است که padding و margin دارد.
</div>

این کد یک عنصر ایجاد می‌کند که 10px فضای خالی بین محتوای عنصر و حاشیه آن و 10px فضای خالی بین آن عنصر و سایر عناصر صفحه دارد.

در اینجا یک جدول مقایسه‌ای از padding و margin آورده شده است: