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 хусусияти,
жадвал сарлавҳасининг ўрнини белгиловчи