Уласцівасць 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,
якое задае пазіцыю загалоўка табліцы