Хосияти margin

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

Ин хосият барои хосиятҳои margin-top, margin-right, margin-bottom, margin-left ихтисор аст.

Синтаксис

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

Миқдори қиматҳо

Хосияти margin 1, 2, 3 ё 4 қиматро қабул мекунад, ки бо фосилаи холӣ ҷудошудаанд:

Миқдор	Тавсиф
`1`	Як қимат фосиларо аз ҳама тарафҳои элемент муқаррар мекунад.
`2`	Қимати якум фосиларо аз боло ва поён, қимати дуюм аз рост ва чап муқаррар мекунад.
`3`	Қимати якум фосиларо аз боло, қимати дуюм аз рост ва чап, қимати сеюм аз поён муқаррар мекунад.
`4`	Қимати якум фосиларо аз боло, қимати дуюм аз рост, қимати сеюм аз поён, қимати чорум аз чап муқаррар мекунад.

Намуна

Акнун мо блоке бе фосила дорем:

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

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

Намуна

Акнун ба блок фосилаи 10px муқаррар мекунем:

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

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

Намуна

Ба блок фосилаи 10px аз боло ва поён ва 20px - аз чап ва рост муқаррар мекунем:

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

#parent {
	border: 1px solid black;
	display: inline-block;
}
#elem {
	margin: 10px 20px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

Намуна

Ба блок фосилаи 5px аз боло, 15px аз рост, 25px аз поён ва 35px аз чап муқаррар мекунем:

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

#parent {
	border: 1px solid black;
	display: inline-block;
}
#elem {
	margin: 5px 15px 25px 35px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

Ҳамчунин нигаред

хосияти padding,
ки фосилаи даруниро муқаррар мекунад