آموزش CSS

آموزش CSS - حاشیه خارجی با Margin

در واقع Margin ناحیه ای در اطراف border است که آن را از سایر جعبه ها جدا می سازد.

خصوصیت های Margin:

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

تنظیم Margin برای هر کدام از کناره ها:

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

h1 {
    margin-bottom: 20px;
}
p {
    margin-left: 10px;
    margin-right: 30px;
}

خصوصیت مختصرنویسی شده Margin:

خصوصیت Margin یک خصوصیت مختصر نویسی شده دارد که از تنظیم Margin برای هر طرف به صورت جداگانه جلوگیری می کند:

margin-top, margin-right, margin-bottom and margin-left.

h1 {
    margin: 0 10px;
}
p {
    margin: 25px 50px 75px 100px;
}

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

  • اگر یک مقدار تنظیم شده باشد، این خصوصیت بر روی هر چهار طرف اعمال می شود.
  • اگر دو مقدار تنظیم شده باشد، مقدار اول به بالا و پایین و مقدار دوم به سمت راست و چپ اعمال می گردد.
  • اگر سه مقدار مشخص شده باشد، مقدار اول به بالا، مقدار دوم به سمت راست و چپ و مقدار سوم به انتها اعمال می گردد.
  • اگر چهار مقدار تنظیم شده باشد، به بالا، راست، پایین و سمت چپ به ترتیب مشخص شده اعمال خواهد شد.
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش CSS

Learn CSS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...