آشنایی با مارجین و پدینگ و بوردر از ملزومات اولیه هر طراح سایتی در آشنایی با المان های مهم المنتور می باشد.
آشنایی با مارجین و پدینگ و بوردر
خیلی از افراد آشنایی با مارجین و پدینگ و بوردر را با همدیگر به اشتباه می گیرند مخصوصا افراد تازه کار که تمام کار را زیر سوال خواهند برد در این مقاله که حاوی ویدیویی در بالای صفحه هم می باشد می خواهیم به طور کلی این سه عنصر را بشناسیم.
margin
یکی از عناصری که در مقاله آشنایی با مارجین و پدینگ و بوردر Margin خواهد بود که در کل فضای بین عناصر خواهد بود و فاصله خارجی نیز به آن گفته می شود. ما می توانیم این فاصله را از سمت راست، چپ، بالا و پایین تنظیم کرد و بر فرمت های متفاوتی مانند درصد و یا پیکسل.
برای اینکه ما برفرض مثال المان و یا کانتینری را به سمت پایین بیاوریم بر روی آن کلیک می کنیم در المنتور که به صفحه ویرایش برود و از قسمت تنظیمات پیشرفته حاشیه خارجی را از سمت بالا اضافه می کنیم و عددی را برای آن در نظر می گیریم.
padding
خب وقتشه از مقاله آشنایی با مارجین و پدینگ و بوردر به سراغ پدینگ برویم. در کل می توان فاصله بین عنصر تا محتوای درون آن را padding نامید. به طور کلی همانند مارجین ها پدینگ ها را هم می توان از اطراف بالا، پایین، چپ و راست تنظیم کرد و برفرض مثال واحد اندازه گیری آن را بر روی پیکسل قرار دهیم.
وقتی شما با صفحه ساز ویژوال کامپوسر بخواهید پدینگ را اعمال کنید باید بر قسمت ویرایش بروید و از قسمت طراحی و از بخش فاصله وارد شوید و آن را تعیین کنید ولی اگر شما هم از صفحه ساز قدرتمند المنتور استفاده میکنید باید از تب تنظیمات پیشرفته فاصله داخلی را تنظیم کنید.
border
در قسمت border از آشنایی با مارجین و پدینگ و بوردر ما می توانیم حاشیه و کادر المانی را تنظیم کنیم. برفرض مثال می توانیم اطراف المان خود از هر سمتی که می خواهیم حاشیه و یا خطی را در نظر بگیریم به هر رنگی که دلمان می خواهد و در المنتور می توانید ازتب تنظیمات پیشرفته وارد شوید و از ویژوال کامپوسر هم در بخش طراحی از قسمت حاشیه می توانید این کار را انجام دهید.
حتی می توانیم به جای حاشیه از سایه کادر استفاده کنیم و سایه ای به اطراف المان خودمون بدهیم که بسیار جذاب نیز خواهد شد.