Beispiel
Stellen Sie die untere Position eines <button> Element:
document.getElementById("myBtn").style.bottom = "100px"; Versuch es selber " Definition und Verwendung
Die unteren Eigenschaftssätze oder gibt die untere Position eines Elements positioniert.
Diese Eigenschaft gibt die untere Position 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: Zum Einstellen oder die Top-Position eines positionierten Elements zurückzukehren, verwenden Sie die Top- Eigenschaft.
Browser-Unterstützung
Die untere Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die untere Eigenschaft:
object .style.bottom
Stellen Sie die untere Eigenschaft:
object .style.bottom="auto| Eigenschaftswerte Wert Beschreibung auto Hiermit kann der Browser die untere Position eingestellt. Dies ist die Standardeinstellung length Definiert die untere Position in Längeneinheiten. Negative Werte sind erlaubt % Stellt die untere Position 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
Technische Details
Standardwert: Auto Rückgabewert: Ein String, der unteren Position eines Elements repräsentiert, positioniert CSS Version CSS2
Mehr Beispiele
Beispiel
Stellen Sie die untere Position eines <div> Element:
document.getElementById("myDiv").style.bottom = "10px";
Versuch es selber "
Beispiel
Mit negativen Werten - Stellen Sie die untere Position eines <div> Element:
document.getElementById("myDiv").style.bottom = "-100px";
Versuch es selber "
Beispiel
Bringen Sie die untere Position eines <div> Element:
alert(document.getElementById("myDiv").style.bottom);
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Positioning
CSS - Referenz: bottom property
<Style - Objekt