La propriété CSS min-height permet de définir une hauteur minimale aux éléments sur lesquels elle est appliquée.
#mon_identifiant{
min-height:50px;
}
Elle prend comme valeurs :
- numérique en pixel (px), pourcentage (%), en point(pt) ou en em.
- inherit, hérite de son parent.
Exemple :
CSS
p{
min-height:150px;
background-color:chocolate;
}
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.