Przykład
Ustawić dolną pozycję <button> element:
document.getElementById("myBtn").style.bottom = "100px";
Spróbuj sam " Definicja i Wykorzystanie
Dolne zestawy własności lub zwraca dolną pozycję umieszczonego elementu.
Ta właściwość określa dolną pozycję elementu w tym obicia, przewijania, obramowanie i marginesu.
Tip: umieszczonego element jest elementem z właściwością położenia zestawu do: względną bezwzględna lub stałe.
Wskazówka: Aby ustawić lub powrócić górną pozycję elementu pozycjonowanego, użyj top nieruchomości.
Wsparcie przeglądarka
Nieruchomość dolny jest dostępna we wszystkich głównych przeglądarkach.
Składnia
Zwraca właściwość bottom:
object .style.bottom
Ustaw właściwość bottom:
object .style.bottom="auto| wartości nieruchomości Wartość Opis auto Pozwala przeglądarkę ustawioną dolną pozycję. Jest to domyślny length Wyznacza dolne położenie w jednostkach długości. Wartości ujemne są dozwolone % Wyznacza dolne położenie w% w odniesieniu do wysokości elementu nadrzędnego initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: automatyczny Zwracana wartość: Ciąg, stanowiących dolną pozycję umieszczonego elementu Wersja CSS CSS2
Więcej przykładów
Przykład
Ustawić dolną pozycję <div> element:
document.getElementById("myDiv").style.bottom = "10px";
Spróbuj sam "
Przykład
Korzystanie z wartości ujemne - Ustaw dolną pozycję <div> element:
document.getElementById("myDiv").style.bottom = "-100px";
Spróbuj sam "
Przykład
Zwraca dolną pozycję <div> element:
alert(document.getElementById("myDiv").style.bottom);
Spróbuj sam "
Podobne strony
Kurs CSS: CSS Positioning
Odniesienie CSS: bottom property
<Style obiektu