Stijl hoogte Eigenschap
Voorbeeld
Stel de hoogte van een <button>-element in:
document.getElementById("myBtn").style.height = "50px";
Definitie en gebruik
Met de eigenschap height wordt de hoogte van een element ingesteld of geretourneerd.
De eigenschap height heeft alleen effect op elementen op blokniveau of op elementen met een absolute of vaste positie. De overlopende inhoud kan worden gemanipuleerd met de eigenschap overloop.
Tip: gebruik de eigenschap width om de breedte van een element in te stellen of te retourneren.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap height:
object.style.height
Stel de eigenschap height in:
object.style.height = "auto|length|%|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een String, die de hoogte van een element voorstelt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Verander de hoogte van een <div> element:
document.getElementById("myDIV").style.height = "500px";
Voorbeeld
Verander de hoogte en breedte van een <img> element:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Voorbeeld
Retourneer de hoogte van een <img> element:
alert(document.getElementById("myImg").style.height);
Gerelateerde pagina's
CSS-zelfstudie: CSS-dimensie
CSS-zelfstudie: CSS Box-model
CSS-referentie: eigenschap height
❮ Stijlobject