Stylen Sie die untere Eigenschaft
Beispiel
Legen Sie die untere Position eines <button>-Elements fest:
document.getElementById("myBtn").style.bottom = "100px";
Definition und Verwendung
Die Bottom-Eigenschaft legt die unterste Position eines positionierten Elements fest oder gibt sie zurück.
Diese Eigenschaft gibt die untere Position des Elements an, einschließlich Polsterung, Bildlaufleiste, Rahmen und Rand.
Tipp: Ein positioniertes Element ist ein Element, dessen Positionseigenschaft auf relativ, absolut oder fest eingestellt ist.
Tipp: Um die oberste Position eines positionierten Elements festzulegen oder zurückzugeben, verwenden Sie die Eigenschaft top .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Bottom-Eigenschaft zurück:
object.style.bottom
Legen Sie die untere Eigenschaft fest:
object.style.bottom = "auto|length|%|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die unterste Position eines positionierten Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Legen Sie die untere Position eines <div>-Elements fest:
document.getElementById("myDiv").style.bottom = "10px";
Beispiel
Verwenden negativer Werte - Legen Sie die untere Position eines <div>-Elements fest:
document.getElementById("myDiv").style.bottom = "-100px";
Beispiel
Gibt die unterste Position eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.bottom);
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: untere Eigenschaft
❮ Style-Objekt