height

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
hyphens 55.0 79.0
10.0 -ms-
43.0 5.1 -webkit- 44.0

Bibliografía

Quizás quieras echar un vistazo a estas propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso