Style top ominaisuus

Määritelmä ja käyttö

top Asettaa tai palauttaa sijoitetun elementin yläasennon.

Tämä ominaisuus määrittelee elementin yläasennon, mukaan lukien sisennykset, roolaukset, reunat ja ulkopuoliset marginaalit.

Vinkki:Sijoitettu elementti on Position ominaisuus Aseta:relative、absolute tai fixed.

Vinkki:Asettaaksesi tai palauttaaksesi sijoitetun elementin alapuolisen asennon, käytä Bottom ominaisuus.

Lisäksi:

CSS oppitunti:CSS-työkalu

CSS viittausopas:Top ominaisuus

Esimerkki

Esimerkki 1

Aseta <button> -elementin yläasento:

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

Kokeile itse

Esimerkki 2

Käytä negatiivista arvoa - aseta <div> -elementin yläasento:

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

Kokeile itse

Esimerkki 3

Palauttaa <div> -elementin yläasennon:

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

Kokeile itse

Syntaksi

Palauta top ominaisuus:

object.style.top

Aseta top ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
auto Antaa selaimen asettaa yläasennon. Oletus.
length Aseta yläasento mittayksiköillä. Sallii negatiiviset arvot.
% Aseta yläasento prosentteina vanhemman elementin korkeudesta.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: Ei mitään
Palautusarvo: Merkkijono, joka ilmaisee sijoitetun elementin yläasennon.
CSS versioona: CSS2

Selain tukee

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