właściwość Style bottom

definicja i użycie

bottom ustawienie lub zwracanie pozycji dolnej elementu wyróżnionego.

wskazówka:element wyróżniony to element, dla którego właściwość position ustawiona jest na: relative, absolute lub fixed.

wskazówka:Aby ustawić lub zwrócić pozycję górną elementu wyróżnionego, użyj właściwości top.

patrz również:

kurs CSS:Układowanie CSS

podręcznik CSS:właściwość bottom

przykład

przykład 1

ustawienie pozycji dolnej elementu <button>:

document.getElementById("myBtn").style.bottom = "100px";

spróbuj sam

przykład 2

ustawienie pozycji dolnej elementu <div>:

document.getElementById("myDiv").style.bottom = "10px";

spróbuj sam

przykład 3

użycie wartości ujemnej - ustawienie pozycji dolnej elementu <div>:

document.getElementById("myDiv").style.bottom = "-100px";

spróbuj sam

przykład 4

zwrócenie pozycji dolnej elementu <div>:

alert(document.getElementById("myDiv").style.bottom);

spróbuj sam

syntax

zwrócenie właściwości bottom:

object.style.bottom

ustawienie właściwości bottom:

object.style.bottom = "auto|length|%|initial|inherit"

wartość atrybutu

wartość opis
auto pozwalając przeglądarce ustawić pozycję dolną. Domyślnie.
length ustawia pozycję dolną jednostką długości. Dopuszczalne są wartości ujemne.
% ustawia pozycję dolną w procentach wysokości elementu nadrzędnego.
initial ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

szczegóły techniczne

domyślna wartość: auto
wartość zwracana: łańcuch, oznaczający pozycję dolną elementu.
Wersja CSS: CSS2

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane