CSS Margins – تنظیم لبه ها

تنظیم لبه ها با CSS Margins

در قسمت قبل با borderها در css آشنا شدیم . در این قسمت تنظیم لبه های یک عنصر و فاصله این لبه ها را نسبت به بالا ، پایین ، چپ و راست را با خاصیت margin توضیح خواهیم داد.

خاصیت های margin زیر را برای تگ div ببینید.

نسبت به عنصر بالای خود ۱۰px و نسبت به عنصر پایین ۱۰۰px ، سمت راست ۴۰۰px و چپ ۸۰px

مثال بالا را به این صورت هم میتونیم بنویسیم :

مقدار auto در margin :

مقدار auto عنصر را بصورت پیش فرض در نوار افقی تنظیم می کند و در مرکز قرار می دهد.

مقدار inherit در margin :

در کلاس p.one مقدار margin-left ارث می برد از margin-left در کلاس p

این مطلب را با دوستان خود به اشتراک بگذارید :
آموزش CSS آموزش برنامه نویسی

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

دیدگاه خود را بیان کنید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با موفقیت اشتراک شما ایجاد شد

از ما حمایت کنید