Właściwość style top

Definicja i zastosowanie

top Ustawienie lub zwracanie pozycji górnej elementu wciętego.

Ta właściwość określa pozycję górną elementu, w tym wewnętrzne marginesy, paski przewijania, ramki i zewnętrzne marginesy.

Wskazówka:Element wcięty jest Właściwość position Ustaw na:relative,absolute lub fixed.

Wskazówka:Aby ustawić lub zwrócić pozycję dolną elementu wciętego, użyj: Właściwość bottom.

Inne zasoby:

Kurs CSS:Umieszczanie w CSS

Podręcznik CSS:Właściwość top

Przykład

Przykład 1

Ustawienie pozycji górnej elementu <button>:

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

Spróbuj sam

Przykład 2

Użycie wartości ujemnej - ustawienie pozycji górnej elementu <div>:

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

Spróbuj sam

Przykład 3

Zwróć pozycję górną elementu <div>:

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

Spróbuj sam

Gramatyka

Zwróć właściwość top:

object.style.top

Ustawienie właściwości top:

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

Wartość atrybutu

Wartość Opis
auto Pozwól przeglądarce ustawić pozycję górną. Domyślnie.
length Ustaw pozycję górną za pomocą jednostki długości. Dopuszczalne są wartości ujemne.
% Ustaw pozycję górną w procentach wysokości elementu nadrzędnego.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: Brak
Zwracana wartość: ciąg znaków, który reprezentuje pozycję górną elementu.
Wersja CSS: CSS2

Przeglądarka internetowa wspiera

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie