CSS min-height eigenschap
Voorbeeld
Stel de minimale hoogte van een <p> element in op 200 pixels:
p.ex1
{
min-height: 200px;
}
Definitie en gebruik
De min-height
eigenschap definieert de minimale hoogte van een element.
Indien de inhoud kleiner is dan de minimum hoogte, wordt de minimum hoogte toegepast.
Als de inhoud groter is dan de minimale hoogte,
min-height
heeft de eigenschap geen effect.
Opmerking: dit voorkomt dat de waarde van de
eigenschap height kleiner wordt dan
min-height
.
Standaardwaarde: | 0 |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.minHeight="400px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
min-height | 1.0 | 7.0 | 3.0 | 2.0.2 | 4.0 |
CSS-syntaxis
min-height: length|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
length | Default value is 0. Defines the minimum height in px, cm, etc. Read about length units | |
% | Defines the minimum 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 max-height
HTML DOM-referentie: eigenschap minHeight