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
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad