Styl onderste Eiendom
Voorbeeld
Stel die onderste posisie van 'n <knoppie>-element:
document.getElementById("myBtn").style.bottom = "100px";
Definisie en gebruik
Die onderste eienskap stel of gee die onderste posisie van 'n geposisioneerde element terug.
Hierdie eienskap spesifiseer die onderste 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 boonste posisie van 'n geposisioneerde element te stel of terug te gee, gebruik die boonste eienskap.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die onderste eiendom terug:
object.style.bottom
Stel die onderste eienskap:
object.style.bottom = "auto|length|%|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom 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 onderste posisie van 'n geposisioneerde element voorstel |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Stel die onderste posisie van 'n <div> element:
document.getElementById("myDiv").style.bottom = "10px";
Voorbeeld
Gebruik negatiewe waardes - Stel die onderste posisie van 'n <div> element:
document.getElementById("myDiv").style.bottom = "-100px";
Voorbeeld
Keer die onderste posisie van 'n <div> element terug:
alert(document.getElementById("myDiv").style.bottom);
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
CSS verwysing: onderste eiendom
❮ Stylvoorwerp