Propriété CSS min-height
Exemple
Définissez la hauteur minimale d'un élément <p> sur 200 pixels :
p.ex1
{
min-height: 200px;
}
Définition et utilisation
La min-height
propriété définit la hauteur minimale d'un élément.
Si le contenu est inférieur à la hauteur minimale, la hauteur minimale sera appliquée.
Si le contenu est supérieur à la hauteur minimale, la
min-height
propriété n'a aucun effet.
Remarque : Cela empêche la valeur de la
propriété height de devenir inférieure à
min-height
.
Valeur par défaut: | 0 |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS2 |
Syntaxe JavaScript : | objet .style.minHeight="400px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
min-height | 1.0 | 7.0 | 3.0 | 2.0.2 | 4.0 |
Syntaxe CSS
min-height: length|initial|inherit;
Valeurs de propriété
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 |
Pages connexes
Tutoriel CSS : Hauteur et largeur CSS
Référence CSS : propriété max-height
Référence HTML DOM : propriété minHeight