Хосияти margin-bottom

Хосияти margin-bottom ҳошияи берунаи поёни элементро муқаррар мекунад. Қимати хосият ҳар гуна воҳидҳои барои андозаҳо ё хосияти калидӣ auto мебошад, ки ба браузер имкон медиҳад, ки ҳошияи элементро худкор ҳисоб кунад.

Синтаксис

интихобкунанда {
	margin-bottom: қимат;
}

Намуна

Барои блок ҳошияи берунаи поёни 50px муқаррар кунем:

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

#parent {
	border: 1px solid green;
	display: inline-block;
}
#elem {
	margin-bottom: 50px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

Инчунин нигаред

хосияти margin-top,
ки ҳошияи берунаи болоро муқаррар мекунад
хосияти margin-left,
ки ҳошияи берунаи чапро муқаррар мекунад
хосияти margin-right,
ки ҳошияи берунаи ростро муқаррар мекунад
хосияти margin,
ки барои ҳошияи беруна ихтисорӣ мебошад
хосияти padding,
ки ҳошияи дохилиро муқаррар мекунад