Style bottom egenskab

Definition og brug

bottom Indstil eller returner bunden position for det定位 element.

Tip：En positioneret element er et element, hvor egenskaben position er sat til: relative, absolute eller fixed.

Tip：For at sætte eller returnere positionen for toppen af det定位元素, brug top egenskab.

Læs også：

CSS tutorial：CSS定位

CSS referencemanual：bottom egenskab

Eksempel

Eksempel 1

Sæt bunden position for <button> elementet：

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

Prøv det selv

Eksempel 2

Sæt bunden position for <div> elementet：

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

Prøv det selv

Eksempel 3

Brug af negative værdier - sæt bunden position for <div> elementet：

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

Prøv det selv

Eksempel 4

Retur bunden position for <div> elementet：

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

Prøv det selv

Syntaks

Retur bottom egenskab：

object.style.bottom

Sæt bottom egenskab：

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

Egenskabsværdi

Værdi Beskrivelse
auto Lad browseren sætte bunden position. Standard.
length Definer bunden position med længdeenhed. Tillader negative værdier.
% Sæt bunden position ved brug af procentdel af forældrelementets højde.
initial Sæt denne egenskab til dens standardværdi. Se initial。
inherit Arve denne egenskab fra sin forældrelement. Se inherit。

Tekniske detaljer

Standardværdi： auto
Returværdi： Streng, der angiver positionen for bunden af det定位元素.
CSS version: CSS2

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Støtte Støtte Støtte Støtte Støtte