CSS - hauteur min

La description

La propriété min-height est utilisée pour définir une limite inférieure sur la hauteur d'un élément.

Valeurs possibles

  • length- Toute unité de longueur. L'élément ne peut jamais avoir une valeur de hauteur inférieure à cette distance.

  • percentage - Limite la hauteur de l'élément à au moins ce pourcentage de la hauteur du bloc conteneur.

S'applique à

Tous les éléments HTML sauf les éléments en ligne non remplacés et les éléments de tableau.

Syntaxe DOM

object.style.minHeight = "50px"

Exemple

Voici l'exemple -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; min-height:200px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Cela produira le résultat suivant -