CSS height eigenschap

Definitie en gebruik

De height-eigenschap stelt de hoogte van het element in.

Uitleg

Deze eigenschap definieert de hoogte van het inhoudsgebied van het element, buiten het inhoudsgebied kunnen marges, randen en marge worden toegevoegd.

Inline niet-ruilbare elementen negeren deze eigenschap.

Zie ook:

CSS handleiding:CSS afmetingen

CSS handleiding:CSS schakelmodel overzicht

CSS referentiemanual:width-eigenschap

HTML DOM referentiemanual:height-eigenschap

Voorbeeld

Stel de hoogte en breedte van een paragraaf in:

p
  {
  height:100px;
  width:100px;
  }

Probeer het zelf

CSS syntaxis

height: auto|lengte|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. De browser berekent de daadwerkelijke hoogte.
lengte Definieer de hoogte met eenheid zoals px, cm.
% Basis van de percentagehoogte van het blokgelijkgestelde object waarin het is ingesloten.
inherit Stelt dat de waarde van de height-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: auto
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.height="50px"

TIY voorbeeld

Gebruik pixelwaarden om de hoogte van een afbeelding in te stellen
Dit voorbeeld toont hoe je de hoogte van een element instelt met pixelwaarden.
Gebruik percentages om de hoogte van een afbeelding in te stellen
Dit voorbeeld toont hoe je de hoogte van een element instelt met percentages.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0