میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

margin در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی و فروشگاهی مدرسه کدنویسی ، امیدوارم که حال همه دوستان خوب باشه. لطفا در ادامه با آموزش margin در CSS با من همراه باشید.

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

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

مقادیر ممکن:

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

auto : مرورگر(Browser) حاشیه را مشخص می کند. این نتیجه به مرورگر بستگی دارد.

فاصله : یک حاشیه ثابت تعریف می شود (px, pt, em)

% : درصدی از عنصر برای حاشیه درنظر گرفته می شود.

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


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

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

 

p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}


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

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

 

h1 {
  margin: 0 0 50px 0;
}

h2 {
  margin: 20px 0 ;
}

خصوصیت Margin از یک تا چهار مقدار می تواند داشته باشد:

margin:25px 50px 75px 100px;
حاشیه بالا ۲۵ پیکسل
حاشیه راست ۵۰ پیکسل
حاشیه پایین ۷۵ پیکسل
حاشیه چپ ۱۰۰ پیکسل
margin:25px 50px 75px;
حاشیه بالا ۲۵ پیکسل
حاشیه راست و چپ ۵۰ پیکسل
حاشیه پایین ۷۵ پیکسل

margin:25px 50px;
حاشیه بالا و پایین ۲۵ پیکسل
حاشیه راست و چپ ۵۰ پیکسل
margin:25px;
حاشیه بالا، راست، پایین و چپ ۲۵ پیکسل


امیدواریم آموزش margin در CSS نیز برای شما مفید واقع شده باشد و ادامه آموزش  آشنایی با css را دنبال کنید . برای مطالعه پست‌ها بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

 

cssmargin css شرحmargin در CSSmargin در css چیستw3schoolsw3schools فارسیآموزش cssآموزش css از مقدماتی تا پیشرفتهآموزش css به زبان سادهآموزش css پروژه محورآموزش css پیشرفتهآموزش css حرفه ایآموزش css در htmlآموزش css رایگانآموزش css کاملآموزش css مبتدی تا پیشرفتهآموزش css مدرسه کدنویسیآموزش css مقدماتیآموزش css مقدماتی تا پیشرفتهآموزش css و htmlآموزش html css پروژه محور رایگانآموزش html css پیشرفتهآموزش html css مقدماتیآموزش ابتدایی cssآموزش برنامه cssآموزش برنامه نویسی cssآموزش تغییر cssآموزش تگ cssآموزش جامع cssآموزش دستورات cssآموزش زبان cssآموزش ساخت cssآموزش ساده cssآموزش سریع cssآموزش صفر تا صد cssآموزش طراحی وبآموزش طراحی وب با CSSآموزش قدم به قدم cssآموزش کامل css به زبان فارسیآموزش کامل css رایگانآموزش کامل css و htmlآموزش کامل تگ های cssآموزش کد cssآموزش کد های cssآموزش کدهای cssآموزش گام به گام cssآموزش نصب cssاستفاده از margin در cssاموزش css خارجیاموزش css کلیک سایتاموزش css مبتدیاموزش افکت های cssاموزش انلاین cssاموزش پایه cssاموزش تگ های cssاموزش ساخت منو cssاموزش کدنویسی cssاموزش مقدماتی css pdfتگ margin در cssتوضیح margin در cssخاصیت margin در cssخصوصیت margin در cssدانلود آموزش css به زبان فارسیدانلود آموزش css پیشرفتهدستور margin در cssساختار دستورات CSSسی اس اسصفت margin در cssفارسی w3schoolsکار با margin در cssکاربرد margin در cssکتاب آموزش css فارسی
ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟