CSS-da turli tomonlar uchun marginlar

Turli tomonlar uchun turli xil bo'sh maydonlarni o'rnatish uchun alohida xususiyatlar mavjud: margin-left - chap tomon uchun, margin-right - o'ng uchun, margin-top - yuqori va margin-bottom - pastki tomon uchun.

Keling, bir misolni ko'rib chiqaylik:

<div id="parent">
	<div id="child"></div>
</div>

#parent {
	width: 300px;
	border: 1px solid red;
}
#child {
	margin-top:    10px; /* tepadan*/
	margin-right:  20px; /* o'ngdan*/
	margin-bottom: 30px; /* pasdan*/
	margin-left:   40px; /* chapdan*/
	
	height: 100px;
	border: 1px solid green;
}