Przykład
Ustaw górną pozycję <button> element:
document.getElementById("myBtn").style.top = "100px";
Spróbuj sam " Definicja i Wykorzystanie
Górny właściwość określa czy wraca górną pozycję umieszczonego elementu.
Ta właściwość określa górną 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ć dolną pozycję elementu pozycjonowanego użyj dolną nieruchomości.
Wsparcie przeglądarka
Górny właściwość jest obsługiwana we wszystkich głównych przeglądarkach.
Składnia
Powrót górną właściwość:
object .style.top
Ustaw górną właściwość:
oject .style.top="auto| wartości nieruchomości Wartość Opis auto Pozwala przeglądarkę ustawić górną pozycję. Jest to domyślny length Określa górną pozycję w jednostkach długości. Wartości ujemne są dozwolone % Wyznacza górną pozycję% 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 górną pozycję umieszczonego elementu Wersja CSS CSS2
Więcej przykładów
Przykład
Korzystanie z wartości ujemne - Ustaw górną pozycję <div> element:
document.getElementById("myDiv").style.top = "-100px";
Spróbuj sam "
Przykład
Powrót górną pozycję <div> element:
alert(document.getElementById("myDiv").style.top);
Spróbuj sam "
Podobne strony
Kurs CSS: CSS Positioning
Odniesienie CSS: top property
<Style obiektu