Style bottom-eigenschap

Definitie en gebruik

bottom Eigenschap instellen of retourneren van de onderste positie van een geplaatst element.

Tip:Een geplaatst element is een element waarvan de position-eigenschap is ingesteld op: relative, absolute of fixed.

Tip:Gebruik de top-eigenschap om de bovenste positie van een geplaatst element in te stellen of terug te geven.

Zie ook:

CSS tutorialCSS positioning

CSS referentiemanualbottom-eigenschap

Voorbeeld

Voorbeeld 1

Stel de onderste positie van het <button>-element in:

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

Probeer het zelf

Voorbeeld 2

Stel de onderste positie van het <div>-element in:

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

Probeer het zelf

Voorbeeld 3

Gebruik negatieve waarden - stel de onderste positie van het <div>-element in:

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

Probeer het zelf

Voorbeeld 4

Retourneer de onderste positie van het <div>-element:

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

Probeer het zelf

Syntax

Retourneer de bottom-eigenschap:

object.style.bottom

Stel de bottom-eigenschap in:

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

Eigenschapswaarde

Waarde Beschrijving
auto Laat de browser de onderste positie instellen. Standaard.
length Definieer de onderste positie met een lengte-eenheid. Negatieve waarden zijn toegestaan.
% Stel de onderste positie in als een percentage van de hoogte van het ouder-element.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit Erft deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Retourwaarde: Een string die de onderste positie van het element bepaalt.
CSS version: CSS2

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support