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
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada alto Con sintaxis y ejemplos.
describir
La propiedad de altura de CSS define la altura del área de contenido de un elemento.
sintaxis
La sintaxis de la propiedad CSS de altura es:
height: value;
parámetro o parámetro
valor
La altura 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: 50px; } div {altura: 30em; } |
porcentaje | valor porcentual div {altura: 100%;} |
carro | El navegador calculará la altura del elemento. div {altura: auto;} |
heredar | El elemento heredará la altura de su elemento principal div {altura: heredar; } |
notas
- El área de contenido de un elemento está dentro del relleno, los bordes y los márgenes del elemento.
- La propiedad de altura CSS funciona en elementos reemplazados y a nivel de bloque.
- Cuando el valor se proporciona como un porcentaje, es relativo a la altura del bloque contenedor.
- Véase también ancho, alto máximo, ancho máximo, alto mínimo, ancho mínimo.
Compatibilidad del navegador
La propiedad de altura CSS 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 de altura a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar valor fijo
Veamos un ejemplo de altura de CSS en el que proporcionamos una altura fija en píxeles.
div { height: 90px; }
En este ejemplo de altura de CSS, vamos a
También podemos representar la altura como un valor fijo en em.
div { height: 40em; }
En este ejemplo de altura de CSS, vamos a
porcentaje de uso
Veamos un ejemplo de altura de CSS donde proporcionamos la altura como un porcentaje.
div { height: 95% }
En este ejemplo de altura de CSS, vamos a
uso automático
Veamos un ejemplo de altura de CSS donde usamos auto como el valor de altura.
div { height: auto; }
En este ejemplo de altura de CSS, el navegador calculará