Style bottom ominaisuus

Määrittely ja käyttö

bottom Asettaa tai palauttaa paikallistetun elementin pohjan sijainnin.

Vinkki:Paikallistettu elementti tarkoittaa elementtiä, jolla position-ominaisuus on asetettu: relative, absolute tai fixed.

Vinkki:Jos haluat asettaa tai palauttaa elementin ylänurkan sijainnin, käytä top-ominaisuutta.

Lisäksi katso:

CSS-opetus:CSS-sijoittelu

CSS-oppaasti:bottom-ominaisuus

Esimerkki

Esimerkki 1

Aseta <button>-elementin pohjan sijainti:

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

Kokeile itse

Esimerkki 2

Aseta <div>-elementin pohjan sijainti:

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

Kokeile itse

Esimerkki 3

Käytä negatiivista arvoa - aseta <div>-elementin pohjan sijainti:

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

Kokeile itse

Esimerkki 4

Palauttaa <div>-elementin pohjan sijainnin:

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

Kokeile itse

Syntaksi

Palauta bottom-ominaisuus:

object.style.bottom

Aseta bottom-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
auto Antaa selaimeen asettaa pohjan sijainnin. Oletus.
length Aseta pohjan sijainti mittayksikönä. Sallii negatiiviset arvot.
% Aseta pohjan sijainti vanhemman elementin korkeuden prosentteina.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkki, joka ilmaisee elementin pohjan sijainnin.
CSS versio: CSS2

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki