حاشیه خارجی Margin
این ویژگی فاصله‌ای است که یک عنصر از دیگر عناصر اطراف خود دارد. با تنظیم مقدار حاشیه خارجی، می‌توانید فاصله‌ای بین مرز خارجی یک عنصر و عناصر دیگر در صفحه ایجاد کنید. این ویژگی برای کنترل فضای بین ابزارک‌ها یا بخش‌های مختلف در صفحه به کار می‌رود و به‌صورت پیکسل، درصد یا واحدهای دیگر قابل تنظیم است.
فاصله داخلی Padding
فاصله داخلی بین محتوای یک عنصر و مرزهای آن را مشخص می‌کند. این ویژگی باعث می‌شود که محتوا از داخل، از مرزهای خود فاصله بگیرد و به آن فضای بیشتری برای تنفس داده شود. مانند حاشیه خارجی، فاصله داخلی نیز در پیکسل یا واحدهای دیگر قابل تنظیم است.
شکاف بین عناصر
این ویژگی برای تنظیم فاصله بین عناصر داخل یک ساختار (مانند ستون‌ها یا ردیف‌ها) به کار می‌رود. با استفاده از این گزینه، می‌توانید فاصله مشخصی بین ابزارک‌ها و ستون‌های یک بخش تعیین کنید، بدون اینکه نیاز به تنظیم مستقیم حاشیه یا فاصله داخلی هر عنصر داشته باشید.
این تنظیمات به شما کمک می‌کنند تا چیدمان منظم‌تری برای عناصر وب‌سایت خود ایجاد کرده و ظاهر بصری منسجم‌تری ارائه دهید.
6 پاسخ
سلام این کد رو داخل بخش css بنویسید
classname:hover{padding:10px; margin20px;}
classname همون کلاس عنصرتون هست
مقدار مارجین و پدینگ هم که خودتون به هر صورت که خواستید قرار بدید
بسیار ریز و دقیق اموزش میدهید و ممنون
ممنون❤
سپاس فراوان از آموزش بسیار عالی و پرکاربردتون … خیلی شیوه رسا و خوبی دارید و بسیار آموزنده بوده تا الان .
سلام
چطوری از مارجین و پدینگ در حالت هاور استفاده کنیم؟
یعنی وقتی روی یه ستون موس رو می بریم مارجین و پدینگ برای اون ستون یا المان اعمال بشه؟
سلام
چنین امکانی صفحه ساز المنتور در اختیار ما به صورت پیشفرض قرار نمیدهد. اگر به کد نویسی CSS تسلط دارید میتونید این کارو بکنید