Styl top eiendom
Voorbeeld
Stel die boonste posisie van 'n <knoppie>-element:
document.getElementById("myBtn").style.top = "100px";
Definisie en gebruik
Die boonste eienskap stel of gee die boonste posisie van 'n geposisioneerde element terug.
Hierdie eienskap spesifiseer die boonste posisie van die element, insluitend opvulling, skuifbalk, rand en kantlyn.
Wenk: 'n Geposisioneerde element is 'n element met die posisie-eienskap ingestel op: relatief, absoluut of vas.
Wenk: Om die onderste posisie van 'n geposisioneerde element te stel of terug te gee, gebruik die onderste eienskap.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die boonste eiendom terug:
object.style.top
Stel die boonste eiendom:
object.style.top = "auto|length|%|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | outo |
---|---|
Terugkeerwaarde: | 'n String, wat die boonste posisie van 'n geposisioneerde element voorstel |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Gebruik negatiewe waardes - Stel die boonste posisie van 'n <div> element:
document.getElementById("myDiv").style.top = "-100px";
Voorbeeld
Keer die boonste posisie van 'n <div> element terug:
alert(document.getElementById("myDiv").style.top);
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
CSS verwysing: top eiendom
❮ Stylvoorwerp