Styl hoogte Eiendom
Voorbeeld
Stel die hoogte van 'n <knoppie>-element:
document.getElementById("myBtn").style.height = "50px";
Definisie en gebruik
Die hoogte-eienskap stel of gee die hoogte van 'n element terug.
Die hoogte-eienskap het slegs effek op blokvlakelemente of op elemente met absolute of vaste posisie. Die oorloop-inhoud kan met die oorloop-eienskap gemanipuleer word.
Wenk: Gebruik die width -eienskap om die breedte van 'n element te stel of terug te gee.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die hoogte-eienskap terug:
object.style.height
Stel die hoogte-eienskap:
object.style.height = "auto|length|%|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % 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 hoogte van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die hoogte van 'n <div> element:
document.getElementById("myDIV").style.height = "500px";
Voorbeeld
Verander die hoogte en breedte van 'n <img>-element:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Voorbeeld
Gee die hoogte van 'n <img> element terug:
alert(document.getElementById("myImg").style.height);
Verwante bladsye
CSS handleiding: CSS Dimensie
CSS handleiding: CSS Box model
CSS verwysing: hoogte eiendom
❮ Stylvoorwerp