CSS - altura máxima

Descripción

La propiedad max-height se utiliza para establecer un límite superior en la altura de un elemento.

Valores posibles

length- Cualquier unidad de longitud. El elemento nunca puede tener un valor de altura que exceda esta distancia.
percentage - Limita la altura del elemento para que sea como máximo este porcentaje de la altura del bloque contenedor.
none - No hay límite para la altura del elemento.

Se aplica a

Todos los elementos HTML, excepto los elementos en línea no reemplazados y los elementos de tabla.

Sintaxis DOM

object.style.maxHeight = "50px"

Ejemplo

Aquí está el ejemplo:

<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>

Esto producirá el siguiente resultado:

↰ Previous page