Atributo max-height de CSS

Definición y uso

El atributo max-height establece la altura máxima del elemento.

Explicación

Este valor de propiedad establece un límite máximo para la altura del elemento. Por lo tanto, el elemento puede ser más bajo que el valor especificado, pero no más alto. No se permite especificar valores negativos.

Notas:El atributo max-height no incluye márgenes, bordes e interior.

Vea también:

Tutoriales de CSS:Tamaños CSS

Tutoriales de CSS:Atributo min-height

Manual de referencia del DOM HTML:Atributo maxHeight

Ejemplo

Establecer la altura máxima del párrafo:

p
  {
  max-height:100px;
  }

Prueba tu mismo

Sintaxis de CSS

max-height: none|longitud|inicial|inherit;

Valor de la propiedad

Valor Descripción
ninguna Predeterminado. Define que no hay límite para la altura máxima permitida del elemento.
longitud Define el valor de altura máxima del elemento.
% Define la altura máxima relativa al bloque contenedor que lo contiene.
inherit Se debe especificar que la propiedad max-height debe heredar su valor del elemento padre.

Detalles técnicos

Valor predeterminado: ninguna
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: objeto.style.maxHeight="50px"

Ejemplo TIY

Establecer la altura máxima del elemento
Este ejemplo muestra cómo establecer la altura máxima de un elemento.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0