La propiedad min-height en CSS establece la altura mínima del elemento y evita que el valor usado de la propiedad height sea menor que el valor especificado en la propiedad min-height.
Funciones min-height css
| Valor inicial | 0 |
|---|---|
| Aplicado a | Todos los elementos, excepto los elementos en línea no reemplazados, las columnas de la tabla y los grupos de columnas. |
| Heredable | No |
| Móvil | Sí |
| Valor calculado | Porcentaje (%), longitud absoluta o palabra reservada auto. |
/*longitudes */ min-height: 3.5em; /* porcentajes */ min-height: 75%; /* palabras reservadas */ min-height: none; /* valores globales */ min-height: inherit; min-height: initial; min-height: unset;
La altura del elemento se establecerá en el valor de la propiedad min-height sí es min-height mayor que max-height o height.
Ejemplos y aplicaciones en código
Usaremos el siguiente ejemplo Código CSS: El valor predeterminado es sin altura mínima. Determine la altura mínima en longitudes absolutas y no se pueden utilizar valores negativos. Especifica la altura mínima como porcentaje de la altura del elemento de bloque que contiene el elemento actual. No se pueden utilizar valores negativos.30% no es menor que el valor de la propiedad min-height, a saber 150px:< div >
Contenido de texto
div {
height: 30%;
min-height: 150px;
}Soporte de navegadores
Característica Chrome Firefox IE Ópera Safari Soporte básico 1.0 1.0 7.0 7.0 1.0 Características generales
auto
Estructura min-height css
min-height:
Consulte también
width, height que se encarga de configurar las dimensiones del elemento.max-height que establece la altura máxima del elemento.max-width que establece el ancho máximo del elemento.min-width que establece el ancho mínimo del elemento.
