English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencias CSS

reglas CSS

大全 de propiedades CSS

Uso y ejemplo del atributo height CSS

El atributo height CSS especifica la altura del área de contenido de un elemento. El área de contenido no incluye relleno, borde o márgen, más información enModelo de caja de CSS

La tabla a continuación proporciona una descripción de uso y registro histórico de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:auto
Aplique a:Excepto los elementos incrustados no reemplazados,
Todos los elementos fuera de las filas y grupos de filas
Herencia:No
Animable:Sí.Por favor, consulte Atributos de animación
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.height="100px"

Sintaxis del uso de height

La sintaxis de este atributo es la siguiente:

height: length | percentage | auto | initial | inherit

El siguiente ejemplo muestra cómo se utiliza el atributo height.

  p {
   height: 50px;
   background-color: #f0e68c;
  }
Ver aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
lengthLa altura especificada se expresa en px, pt, cm, em, etc. No se permiten valores negativos para la altura.
percentageEspecifique la altura en porcentaje. El porcentaje se calcula en función de la altura del contenedor del elemento. No se permiten valores porcentajes negativos.
autoEl navegador calculará la altura del elemento especificado en función de los valores de otros atributos. Este es el valor predeterminado.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el valor del atributo height del elemento padre.

Compatibilidad del navegador

La compatibilidad del navegador del atributo height, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Por favor, consulte los tutoriales relacionados con el siguiente contenido:Modelo de caja de CSSTamaño de CSS

Propiedades relacionadas:max-heightmin-height