CSS - hauteur max

La description

La propriété max-height est utilisée pour définir une limite supé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 qui dépasse cette distance.

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

  • none - Il n'y a pas de limite à la hauteur de l'élément.

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.maxHeight = "50px"

Exemple

Voici l'exemple -

<html>
   <head>
   </head>

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

Cela produira le résultat suivant -