Propriété CSS min-height

❮ Précédent Suivant ❯

La propriété min-height définit la hauteur minimale d'un élément. Cette propriété empêche que la valeur de la propriété height devienne plus petite que la valeur spécifiée pour min-height.

La propriété min-height passe outre aux propriétés height max-height.

La propriété prend une longueur CSS (px, pt, em, etc.) ou un pourcentage.

Valeurs négatives ne sont pas acceptées.

Valeur initiale	none
Appliquée à	Tous les éléments sauf les éléments en ligne non remplacés, les colonnes de tableaux et les groupes de colonnes.
Héritée	Non.
Animable	Oui. La hauteur est animable.
Version	CSS2
Syntaxe DOM	object.style.minHeight = "100px";

Syntaxe

min-height: length | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      div {
      min-height: 50px;
      background-color: #8ebf42;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété min-height</h2>
    <div>La hauteur minimale de la zone de texte est définie à 50px.</div>
  </body>
</html>

Essayez-vous-même!

Ici la hauteur minimale de l'élément est spécifiée par "3cm":

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      background-color: #ccc;  
      }
      p.example {
      min-height: 3cm;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété min-height</h2>
    <h3>Min-height: none.</h3>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
    <h3>Min-height: 3cm.</h3>
    <p class="example">Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.</p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
auto	Définit la hauteur minimale. C'est la valeur initiale de cette propriété.
length	Définit la hauteur minimale en px, pt, cm, etc. Valeur initiale est 0.
%	Définit la hauteur minimale en % de l'élément contenu.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.