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