Definición de .height aplicado en CSS
La propiedad .height en CSS define especifica el contenido .height de cuadros y acepta cualquiera de los valores de longitud.
Caso de empleo : propiedad CSS height
Si quieres emplear esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:
.wrap {
height: auto; /* auto keyword */
height: 120px; /* length values */
height: 10em;
height: 0; /* unit-less length is OK for zero */
height: 75%; /* percentage value */
height: inherit; /* inherited value from parent element */
}
Sintaxis de .height en CSS
height: auto|length|initial|inherit;
Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | El navegador calcula la altura. esto es por defecto | |
| longitud | Define la altura en px, cm, etc. | |
| % | Define la altura en porcentaje del bloque contenedor | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento padre. |
Exploradores compatibles con .height
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| hyphens | 55.0 | 79.0 10.0 -ms- | 43.0 | 5.1 -webkit- | 44.0 |