De eigenschap height bepaalt de hoogte van een element.
Opmerkingen:
Standaard wordt met de hoogte van een element bedoeld: de hoogte van de inhoud van het element (exclusief padding, border, margin).
Dit kan worden gewijzigd: zie bij naslag box-sizing
Voorbeelden
height: 200px; height: 50%;
height: 50%; betekent 50% van de hoogte van de parent. (Is voor de parent geen hoogte ingesteld, dan wordt de hoogte 50% van de parent van de parent -enz.
Als voor geen enkele ancestor een hoogte is opgegeven, dan is wordt de hoogte 50% van de hoogte van het venster.)
De meest gebruikte eenheden zijn: beeldpunten (px) en %.
Voor meer mogelijkheden: zie bij eenheden
Min-height en max-height
Min-height is de minimale hoogte.
Max-heighth is de maximale hoogte
voorbeeld:img { height: 50%; min-height: 100px; max-height: 300px;
}De hoogte van de afbeelding is 50% van de hoogte van de parent met een minimum van 100px en een maximum van 300px.