Propriété min-height de CSS

Définition et utilisation

min-height Définit la hauteur minimale de l'élément.

Description

Cette valeur d'attribut impose une limite minimale à la hauteur de l'élément. Par conséquent, l'élément peut être plus haut que la valeur spécifiée, mais pas plus bas. Il n'est pas autorisé de spécifier une valeur négative.

Voir également :

Tutoriel CSS :Dimensions CSS

Tutoriel CSS :Attribut max-height

Manuel de référence HTML DOM :Attribut minHeight

Exemple

Définir la hauteur minimale du paragraphe :

p
  {
  min-height:100px;
  }

Essayer l'exemple

Syntaxe CSS

min-height: length|initial|hériter;

Valeur de l'attribut

Valeur Description
length Définit la hauteur minimale de l'élément. La valeur par défaut est 0.
% Définit la hauteur minimale en pourcentage de l'objet conteneur en bloc.
hériter Définit que la valeur de la propriété min-height doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : 0
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.minHeight="50px"

Essayer l'exemple

Définir la hauteur minimale d'un élément en utilisant une valeur en pixels
Cet exemple montre comment utiliser une valeur en pixels pour définir la hauteur minimale d'un élément.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

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