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 қасиеті,
ішкі шекті белгілейді