Atributo CSS height

Definición y uso

El atributo height establece la altura del elemento.

Descripción

Esta propiedad define la altura de la zona de contenido del elemento, donde se pueden agregar márgenes internos, bordes y márgenes externos.

Los elementos inline no reemplazables ignoran esta propiedad.

Véase también:

Tutoriales de CSS:Tamaños de CSS

Tutoriales de CSS:Resumen del modelo de cuadro de CSS

Manual de referencia de CSS:Atributo width

Manual de referencia de HTML DOM:Atributo height

Ejemplo

Establecer la altura y anchura del párrafo:

p
  {
  height:100px;
  width:100px;
  }

Prueba por ti mismo

Sintaxis de CSS

height: auto|longitud|initial|inherit;

Valor del atributo

Valor Descripción
auto Predeterminado. El navegador calculará la altura real.
longitud Definir la altura utilizando unidades como px, cm, etc.
% Basado en el porcentaje de altura del objeto de bloque que lo contiene.
inherit Se debe heredar el valor de la propiedad height del elemento padre.

Detalles técnicos

Valor predeterminado: auto
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.height="50px"

Ejemplo TIY

Establecer la altura de la imagen utilizando valores en píxeles
Este ejemplo muestra cómo establecer la altura de un elemento utilizando valores en píxeles.
Establecer la altura de la imagen utilizando porcentajes
Este ejemplo muestra cómo utilizar porcentajes para establecer la altura de un elemento.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esa propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0