Style top Eigenschaft

Definition und Verwendung

top Eigenschaft setzt oder gibt die obere Position des positionierten Elements zurück.

Diese Eigenschaft legt die obere Position des Elements fest, einschließlich Innenabstand, Scrollbalken, Rahmen und Außenabstand.

Hinweis:Positionselement ist Positionseigenschaft Setzen Sie:relativ,absolut oder fest.

Hinweis:Um die untere Position des positionierten Elements zu setzen oder zurückzugeben, verwenden Sie Bottom-Eigenschaft.

Weitere Informationen:

CSS-Tutorial:CSS-Positionierung

CSS-Referenzhandbuch:Top-Eigenschaft

Beispiel

Beispiel 1

Setzt die obere Position des <button>-Elements:

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

Selbst ausprobieren

Beispiel 2

Negative Werte verwenden - Setzt die obere Position des <div>-Elements:

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

Selbst ausprobieren

Beispiel 3

Gibt die obere Position des <div>-Elements zurück:

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

Selbst ausprobieren

Syntax

Top-Eigenschaft zurückgeben:

object.style.top

Top-Eigenschaft setzen:

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

Eigenschaftswert

Wert Beschreibung
auto Lassen Sie den Browser die obere Position setzen. Standard.
length Die obere Position in Längenmaßen definieren. Negative Werte sind erlaubt.
% Die obere Position in Prozent der Höhe des übergeordneten Elements setzen.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: Keine
Rückgabewert: Zeichenkette, die die obere Position des positionierten Elements angibt.
CSS-Version: CSS2

Browser Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung