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 касиети,
ал ички эришти белгилейт