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 касиети,
таблицанын аталышынын ордун белгилейт