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áxima
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada altura máxima Con sintaxis y ejemplos.
describir
La propiedad max-height de CSS define la altura máxima del área de contenido de un elemento.
sintaxis
La sintaxis de la propiedad CSS max-height es:
max-height: value;parámetro o parámetro
valor
La altura máxima 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áxima: 50px; } div {altura máxima: 40em; } |
| porcentaje | valor porcentual div { altura máxima: 85%; } |
| no cualquiera | Sin altura máxima aplicada al elemento div { altura máxima: ninguna; } |
| heredar | Indica que el elemento heredará la altura máxima de su elemento padre div { altura máxima: heredar; } |
notas
- El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
- La propiedad max-height de CSS se aplica a los elementos de nivel de bloque y reemplazados.
- La propiedad de altura máxima de CSS se utiliza para evitar que la altura de CSS sea mayor que el valor especificado en la propiedad de altura máxima de CSS.
- Cuando el valor se proporciona como un porcentaje, es relativo a la altura del bloque contenedor.
- Véase también alto, ancho, ancho máximo, alto mínimo, ancho mínimo.
Compatibilidad del navegador
La propiedad CSS max-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 max-height a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar valor fijo
Veamos cómo proporcionar la altura máxima como un valor fijo. Primero, expresaremos la altura máxima en píxeles.
Por ejemplo:
div { max-height: 65px; }En este ejemplo de altura máxima de CSS,
También podemos expresar la altura máxima como un valor fijo en em.
Por ejemplo:
div { max-height: 50em; }En este ejemplo de altura máxima,
porcentaje de uso
Veamos un ejemplo de altura máxima de CSS donde proporcionamos la altura máxima como un porcentaje.
div { max-height: 75% }En este ejemplo,
No utilice
Veamos un ejemplo de altura máxima de CSS, donde usamos none como valor de altura máxima.
div { max-height: none; }En este ejemplo de altura máxima de CSS, no hay derecho