Najnowsze tutoriale tworzenie stron internetowych
 

Style bottom Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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