Style top Property

Stellen Sie die Top-Position eines <button> Element:

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

Definition und Verwendung

Die obere Eigenschaft setzt oder gibt die obere Position ein Element positioniert.

Diese Eigenschaft gibt die Spitzenposition des Elements einschließlich padding, scrollbar, Rahmen und Rand.

Tip: Ein positioniertes Element ist ein Element mit der Position - Eigenschaft auf: relativ, absolut oder fixiert.

Tipp: Einstellen oder die untere Position eines positionierten Element zurückkehren, verwenden , um die untere Eigenschaft.

Die Top-Eigenschaft wird in allen gängigen Browsern unterstützt.

Bringen Sie die Top-Eigenschaft:

object .style.top

Stellen Sie die Top-Eigenschaft:

oject .style.top="auto| Eigenschaftswerte

Wert	Beschreibung
auto	Hiermit kann der Browser die Top-Position gesetzt. Dies ist die Standardeinstellung
length	Definiert die Spitzenposition in Längeneinheiten. Negative Werte sind erlaubt
%	Stellt die Spitzenposition in% der Höhe des Elternelements
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Standardwert:	Auto
Rückgabewert:	Ein String, die die obere Position eines Elements positioniert
CSS Version	CSS2

Mit negativen Werten - Stellen Sie die Top-Position eines <div> Element:

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

Bringen Sie die Top-Position eines <div> Element:

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