min-height

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Its been available across browsers since julio de 2015.

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

Learn more
See full compatibility

Resumen

La propiedad min-height se utiliza para definir la altura mnima de un elemento dado. Impide que el valor de la propiedad height llegue a ser ms pequea que la especificada en la altura mnima (min-height).

Valor inicial	`auto`
Applies to	elementos de bloque o remplazados
Heredable	no
Percentages	Se refiere a la altura del bloque contenedor.
Valor calculado	the percentage as specified or the absolute length
Animation type	a length, percentage or calc();

Sintaxis

min-height = 
  auto                                      |
  <length-percentage [0,]>                 |
  min-content                               |
  max-content                               |
  fit-content( <length-percentage [0,]> )  |
  <calc-size()>                             |
  <anchor-size()>                           |
  stretch                                   |
  fit-content                               |
  contain                                   

<length-percentage> = 
  <length>      |
  <percentage>  

<calc-size()> = 
  calc-size( <calc-size-basis> , <calc-sum> )  

<anchor-size()> = 
  anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )  

<calc-size-basis> = 
  <size-keyword>  |
  <calc-sum>      |
  <calc-size()>   |
  any             

<calc-sum> = 
  <calc-product> [ [ '+' | '-' ] <calc-product> ]*  

<anchor-name> = 
  <dashed-ident>  

<anchor-size> = 
  width        |
  height       |
  block        |
  inline       |
  self-block   |
  self-inline  

<calc-product> = 
  <calc-value> [ [ '*' | / ] <calc-value> ]*  

<calc-value> = 
  <number>        |
  <dimension>     |
  <percentage>    |
  <calc-keyword>  |
  ( <calc-sum> )  

<calc-keyword> = 
  e          |
  pi         |
  infinity   |
  -infinity  |
  NaN

Esta sintaxis refleja el estndar ms reciente segn CSS Anchor Positioning Module Level 1, CSS Box Sizing Module Level 3, CSS Box Sizing Module Level 4, CSS Values and Units Module Level 4, CSS Values and Units Module Level 5. Es posible que no todos los navegadores hayan implementado todas las partes. Consulte Compatibilidad del navegador para obtener informacin de soporte.

Values

length : puede ser en px, cm, in (pxel, centmetro o inches)
percentage : % especificado como un porcentaje de la altura del bloque contenedor.

Examples

table {min-height: 75%;}

form {min-height: 0;}

Notes

min-height tiene prioridad sobre los valores max-height y height.

Especificaciones

Specification
CSS Box Sizing Module Level 4 # sizing-values

Compatibilidad con navegadores

Ver tambin

modelo de caja, ancho, tamao de cajas -Mozilla, altura mnima, altura mxima

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 20 mar 2026 by MDN contributors.

View this page on GitHub Report a problem with this content