margin-top касиети

margin-top касиети элементдин үстүнөн тышкы боштукту белгилейт. Касиеттин мааниси келген өлчөө бирдиги же браузерге элементтин боштугун өзү эсептөө мүмкүндүгүн берген auto ачкыч сөзү болушу мүмкүн.

Синтаксис

тандооч {
	margin-top: маани;
}

Мисал

Блокко үстүнөн 50px тышкы боштук берели:

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

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

Ошондой эле караңыз

margin-bottom касиети,
ал ылдый жагынан тышкы боштукту белгилейт
margin-left касиети,
ал сол жагынан тышкы боштукту белгилейт
margin-right касиети,
ал оң жагынан тышкы боштукту белгилейт
margin касиети,
ал тышкы боштук үчүн кыскартылган түр
padding касиети,
ал ички боштукту белгилейт