Style hoogte-eigenschap

Definitie en gebruik

height Eigenschap instellen of retourneren van de hoogte van het element.

height De eigenschap is alleen van toepassing op blokkelementen of elementen met een absolute of vaste positie. De overflow-inhoud kan worden ingesteld met Overflow-eigenschap om te werken.

Tip:Gebruik Breedte-eigenschap Instellen of retourneren van de breedte van het element.

Zie ook:

CSS Handleiding:CSS Dimension

CSS Handleiding:CSS box model

CSS Referentie Handboek:Hoogte-eigenschap

Voorbeeld

Voorbeeld 1

Instellen van de hoogte van het <button>-element:

document.getElementById("myBtn").style.height = "50px";

Probeer het zelf

Voorbeeld 2

Wijzigen van de hoogte van het <div>-element:

document.getElementById("myDIV").style.height = "500px";

Probeer het zelf

Voorbeeld 3

Wijzigen van de hoogte en breedte van het <img>-element:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Probeer het zelf

Voorbeeld 4

Retourneren van de hoogte van het <img>-element:

alert(document.getElementById("myImg").style.height);

Probeer het zelf

Syntaxis

Retourneren van de hoogte-eigenschap:

object.style.height

Instellen van de hoogte-eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
auto Browser instellen van hoogte. Standaard.
length Definieer de hoogte met een lengte-eenheid.
% Definieer de hoogte in procenten van de ouderlijke element.
initial Stel deze eigenschap in op zijn standaardwaarde. Zie ook initial.
inherit Erft deze eigenschap van de ouderlijke element. Zie ook inherit.

Technische details

Standaardwaarde: auto
Retourwaarde: Een string die de hoogte van het element aangeeft.
CSS versie: CSS1

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support