Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de altura mínima
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Altura mínima Con sintaxis y ejemplos.
describir
La propiedad CSS min-height define la altura mínima del área de contenido de un elemento.
sintaxis
La sintaxis de la propiedad CSS min-height es:
min-height: value;parámetro o parámetro
valor
La altura mínima del área de contenido del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | Un valor fijo en píxeles, em, etc. div { altura mínima: 50px; } div { altura mínima: 40em; } |
| porcentaje | valor porcentual div { altura mínima: 50%; } |
| heredar | Indica que el elemento heredará una altura mínima de su elemento padre div { altura mínima: heredar; } |
notas
- El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
- La propiedad CSS min-height se aplica a los elementos de nivel de bloque y reemplazados.
- La propiedad de altura mínima de CSS se utiliza para evitar que la altura de CSS sea menor que el valor especificado en la propiedad de altura mínima de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo a la altura del bloque contenedor.
- Véase también alto, ancho, altura máxima, ancho máximo, ancho mínimo.
Compatibilidad del navegador
La propiedad CSS min-height tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad min-height a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar valor fijo
Veamos un ejemplo de altura mínima de CSS en el que proporcionamos la altura mínima como un valor fijo en píxeles.
div { min-height: 20px; }En este ejemplo de altura mínima de CSS,
También podemos expresar la altura mínima como un valor fijo en em.
Por ejemplo:
div { min-height: 50em; }En este ejemplo de altura mínima de CSS,
porcentaje de uso
Veamos un ejemplo de altura mínima de CSS en el que proporcionamos la altura mínima como un porcentaje.
div { min-height: 75% }En este ejemplo de altura mínima de CSS,