Style bottom-Eigenschaft

Definition und Verwendung

bottom Eigenschaft setzen oder zurückgeben der unteren Position des positionierten Elements.

Tipp:Positionierte Elemente sind Elemente, deren position-Eigenschaft auf relative, absolute oder fixed gesetzt ist.

Tipp:Um die obere Position des positionierten Elements zu setzen oder zurückzugeben, verwenden Sie die top-Eigenschaft.

Weitere Informationen:

CSS-Tutorial:CSS-Positionierung

CSS-Referenzhandbuch:bottom-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie die untere Position des <button>-Elements:

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

Versuchen Sie es selbst

Beispiel 2

Setzen Sie die untere Position des <div>-Elements:

document.getElementById("myDiv").style.bottom = "10px";

Versuchen Sie es selbst

Beispiel 3

Verwenden Sie negative Werte - Setzen Sie die untere Position des <div>-Elements:

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

Versuchen Sie es selbst

Beispiel 4

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

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

Versuchen Sie es selbst

Syntax

bottom-Eigenschaft zurückgeben:

object.style.bottom

bottom-Eigenschaft setzen:

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

Eigenschaftswert

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

Technische Details

Standardwert: auto
Rückgabewert: Zeichenkette, die die untere Position des定位元素的Position 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