cssطراحی سایت
جلسه ۳۷: منطقه margin در CSS

حاشیه ها در CSS
تقریباً شبیه padding
هستند ، به جز یک چیز … در حالی که padding
فاصله داخلی را در جعبه فرضی نشان می دهد ، margin
نشان دهنده فاصله خارجی یعنی فاصله خارج از جعبه است. بنابراین ، فرض کنید این جعبه لباس را داشته اید. این بار ، ۲ جعبه!
در حالی که جعبه ها می توانند در داخل خود فاصله داشته باشند (padding) ، شما همچنین می توانید فاصله بیرونی بین جعبه های مختلف را تعیین کنید. به عنوان مثال ، می توانید بگویید ، جعبه ۱ باید "x"
از جعبه ۲ فاصله داشته باشد. margin
ها به این ترتیب کار می کنند. فاصله ، اما خارج از عناصر. برای قرار دادن حاشیه در خارج از عنصر خود با فضای بیرونی ، از ویژگی margin
استفاده کنید.
مثلا:
div {
margin: ۱۰px
}
با این کار در هر طرف عنصر حاشیه ۱۰px
اضافه می شود.
برای هدف قرار دادن طرفهای خاص خارج از جعبه ، این کار را انجام دهید:
div {
margin-left: ۱۰px;
margin-right: ۱۰px;
margin-bottom: ۱۰px;
margin-top: ۱۰px;
}