Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

max-height

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julio de 2015⁩.

* Some parts of this feature may have varying levels of support.

Resumen

La propiedad max-height se utiliza para definir la altura máxima de un elemento dado. Impide que el valor de la altura pueda llegar a ser más grande que la de max-height.

Sintaxis

max-height: <length> | <percentage>

Valores

  • none : la altura no tiene valor máxima.
  • length : puede ser en px, cm, in (píxel, centímetro o inches)
  • percentage : % especificado como un porcentaje de la altura del bloque contenedor.

Ejemplos

table { max-height: 75%; }

form { max-height: none; }

Notas

max-height sobrescribe height, pero no min-height.

Especificaciones

Specification
CSS Box Sizing Module Level 4
# sizing-values

Compatibilidad con navegadores

Ver también

modelo de caja, ancho, tamaño de cajas -Mozilla, altura mínima, altura máxima