جلسه ۳۷: منطقه 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;
}