CSS max-hoogte eigenschap

Definitie en gebruik

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

Uitleg

De waarde van deze eigenschap stelt een hoogte limiet in voor het element. Daarom kan het element lager zijn dan het opgegeven waarde, maar niet hoger. Negatieve waarden zijn niet toegestaan.

Opmerking:De eigenschap max-height omvat geen marge, rand en inslag.

Zie ook:

CSS handleiding:CSS afmetingen

CSS handleiding:min-height eigenschap

HTML DOM referentiehandleiding:maxHeight eigenschap

Voorbeeld

Instellen van de maximale hoogte van een paragraaf:

p
  {
  max-height:100px;
  }

Probeer het zelf

CSS syntaxis

max-height: none|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
geen Standaard. Definieert dat er geen limiet is op de maximale hoogte van het element.
length Definieert de maximale hoogte van het element.
% Definieert de maximale hoogte als een percentage van het blokgrootteobject waarin het wordt opgenomen.
inherit Stelt dat de waarde van de eigenschap max-height van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS2
JavaScript syntaxis: object.style.maxHeight="50px"

TIY voorbeeld

Instellen van de maximale hoogte van een element
Dit voorbeeld demonstreert hoe je de maximale hoogte van een element instelt.

Browserondersteuning

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

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