Najnowsze tutoriale tworzenie stron internetowych
 

Style top Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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