max-height
Baseline
Ampliamente disponible
*
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
* Algunas partes de esta característica pueden tener distintos niveles de compatibilidad.
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.
Valor inicial:ninguno- Se aplica a : elementos de bloque o remplazados
Valor heredado: no- Porcentajes: se refiere a la altura del bloque contenedor.
- Medio:
visual Valor calculado:
Sintaxis
max-height: <length> | <percentage>
Valores
- none : la
alturano 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
| Especificación |
|---|
| CSS Box Sizing Module Level 3 # sizing-values |
Compatibilidad con navegadores
Ver también
modelo de caja, ancho, tamaño de cajas -Mozilla, altura mínima, altura máxima