თვისება 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,
რომელიც ადგენს შიდა ველს