CSS max-height eigenschap
Voorbeeld
Stel de maximale hoogte van een <p> element in op 50 pixels:
p.ex1
{
max-height: 50px;
}
Definitie en gebruik
De max-height
eigenschap definieert de maximale hoogte van een element.
Als de inhoud groter is dan de maximale hoogte, zal deze overlopen. Hoe de container de overlopende inhoud zal verwerken, wordt bepaald door de overloopeigenschap .
Als de inhoud kleiner is dan de maximale hoogte,
max-height
heeft de eigenschap geen effect.
Opmerking: dit voorkomt dat de waarde van de
eigenschap height groter wordt dan
max-height
. De waarde van de
max-height
eigenschap overschrijft de eigenschap height.
Standaardwaarde: | geen |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.maxHeight="100px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-syntaxis
max-height: none|length|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-hoogte en -breedte
CSS-referentie: eigenschap min-height
HTML DOM-referentie: eigenschap maxHeight