Stijl onderkant Eigenschap
Voorbeeld
Stel de onderste positie van een <button>-element in:
document.getElementById("myBtn").style.bottom = "100px";
Definitie en gebruik
Met de eigenschap bottom wordt de onderste positie van een gepositioneerd element ingesteld of geretourneerd.
Deze eigenschap specificeert de onderste positie van het element, inclusief opvulling, schuifbalk, rand en marge.
Tip: Een gepositioneerd element is een element waarvan de position-eigenschap is ingesteld op: relatief, absoluut of vast.
Tip: Gebruik de eigenschap top om de bovenste positie van een gepositioneerd element in te stellen of terug te zetten .
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de onderste eigenschap:
object.style.bottom
Stel de onderste eigenschap in:
object.style.bottom = "auto|length|%|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een tekenreeks, die de onderste positie van een gepositioneerd element voorstelt |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Stel de onderste positie van een <div>-element in:
document.getElementById("myDiv").style.bottom = "10px";
Voorbeeld
Negatieve waarden gebruiken - Stel de onderste positie van een <div>-element in:
document.getElementById("myDiv").style.bottom = "-100px";
Voorbeeld
Retourneer de onderste positie van een <div> -element:
alert(document.getElementById("myDiv").style.bottom);
Gerelateerde pagina's
CSS-zelfstudie: CSS-positionering
CSS-referentie: eigenschap bottom
❮ Stijlobject