CSSطراحی سایتگوناگون

۱۳-خاصیت margin در CSS

خصوصیت Margin فضای اطراف عناصر را پاک می کند، یعنی فضای بیرون از Border یا لبه ها را مشخص می کند، خصوصیت Margin کاملاً شفاف و بدون رنگ است.

 

 

فضای بالا، راست، پایین و چپ یک عنصر می تواند بصورت مستقل تعریف و مشخص شود، البته برای مختصر نویسی از خصوصیت Margin استفاده می شود که در ادامه توضیح خواهیم داد.

مقادیر ممکن:

خصوصیات مربوط به حاشیه ممکن است به صورت زیر مقداردهی شوند:

 

مقدارتوضیحات
autoمرورگر(Browser) حاشیه را مشخص می کند.
این نتیجه به مرورگر بستگی دارد.
فاصلهیک حاشیه ثابت تعریف می شود (px, pt, em)
%درصدی از عنصر برای حاشیه درنظر گرفته می شود.

 

نکته: مقدار حاشیه می تواند منفی باشد، که در این صورت روی هم افتادگی محتوا خواهیم داشت.

 


 

 

تنظیم حاشیه ها به صورت جداگانه

 

در مثال زیر، حاشیه بالا و پایین ۱۵۰ پیکسل و حاشیه راست و چپ ۷۰ پیکسل تعریف شده است:

 

  • تصویر قطعه کد بالا به شکل زیر است:

 


 

مختصر نویسی-margin

 

برای مختصر نویسی و کوتاه شدن کد، می توانید همه چهار حاشیه یک عنصر را در یک خصوصیت تعریف کنید، برای این منظور از خصوصیت Margin استفاده کنید:

 

 


 

 


 

تنظیم حاشیه بالای یک پاراگراف با مقدار cm

 

 

 

  • تصویر قطعه کد بالا به شکل زیر است:

 


 

 

تنظیم حاشیه پایین یک پاراگراف با درصد

 

این مثال نشان می دهد که چگونه حاشیه پایین یک پاراگراف را به نسبت فضایی که در آن قرار گرفته به درصد تنظیم کنیم.

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

 

 


کلیه خصوصیات مربوط به حاشیه

 

 

 

 


بخش بعدی

بخش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

بستن