Style bottom-attribut

Definition och användning

bottom Ställer in eller returnerar bottenpositionen för en positionerad element.

Tips:Positionerade element är element där attributet position är satt till: relative, absolute eller fixed.

Tips:För att ställa in eller returnera positionen för en positionerad elementets topp, använd top-attributet.

Se också:

CSS-tutorial:CSS-positionering

CSS referenshandbok:bottom-attributet

Exempel

Exempel 1

Ställ in bottenpositionen för <button>-elementet:

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

Prova själv

Exempel 2

Ställ in bottenpositionen för <div>-elementet:

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

Prova själv

Exempel 3

Använd negativa värden - ställ in bottenpositionen för <div>-elementet:

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

Prova själv

Exempel 4

Returnerar bottenpositionen för <div>-elementet:

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

Prova själv

Syntax

Returnera bottom-attributet:

object.style.bottom

Ställ in bottom-attributet:

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

Attributvärde

Värde Beskrivning
auto Låt webbläsaren sätta bottenpositionen. Standard.
length Definiera bottenpositionen med längd-enheter. Tillåter negativa värden.
% Ställ in bottenpositionen som en procentandel av föräldrelementets höjd.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Följer detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: Sträng, som anger positionen för elementets botten.
CSS-version: CSS2

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd