Хосияти bottom

Хосияти bottom ҷойгиршавии канори поёнии унсурро муқаррар мекунад. Қиматҳо барои хосият метавонанд бо воҳидҳои умумии ченакҳо сабт карда шаванд, масалан, дар пиксел, дюйм, нуқта, фоиз. Қиматҳои таъиншуда метавонанд рақамҳои манфӣ ҳам бошанд, дар ин ҳолат унсурҳо бар рӯи якдигар ҷойгир карда мешаванд. Ҳисоби координатҳо аз тарафи хосияти position муайян карда мешавад, ки одатан қимати relative (ҷойгиршавии нисбӣ) ё absolute (ҷойгиршавии мутлақ)-ро қабул мекунад.

Синтаксис

интихобкунанда {
	bottom: рақам бо воҳиди чен ё auto;
}

Намуна

Бигзор ҳангоми нишон додан ба унсури фарзанд барои он ҷойгиршавии канори поёнӣ ба 25px муқаррар кунем:

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

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-top: 50px;
}
p:hover {
	bottom: 25px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Намуна

Ва акнун бигзор ҳангоми нишон додан канори поёнии унсури фарзанд ҷойгир карда шавад дар -50px:

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

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-top: 50px;
}
p:hover {
	bottom: -50px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Инчунин бубинед

хосияти top,
ки ҷойгиршавии канори болоии унсурро муқаррар мекунад
хосияти left,
ки ҷойгиршавии канори чапи унсурро муқаррар мекунад
хосияти right,
ки ҷойгиршавии канори рости унсурро муқаррар мекунад
судӣ-унсури ::backdrop,
ки ҷойгиршавии баъд аз унсури аввалинро муқаррар мекунад
хосияти caption-side,
ки ҷойгиршавии унвони ҷадвалро муқаррар мекунад