Los últimos tutoriales de desarrollo web
 

Style height Property

<Estilo de objeto

Ejemplo

Ajuste la altura de un <button> elemento:

document.getElementById("myBtn").style.height = "50px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de altura o devuelve la altura de un elemento.

La propiedad altura tiene efecto sólo en elementos en bloque o en elementos con posición absoluta o fija. El contenido de desbordamiento puede ser manipulado con la propiedad de desbordamiento.

Consejo: Utilice el ancho de propiedad para establecer o devolver el ancho de un elemento.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad altura es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad height:

object .style.height

Establecer la propiedad height:

object .style.height="auto| Valores de propiedad
Valor Descripción
auto El navegador establece la altura. Esto es por defecto
length Define la altura en unidades de longitud
% Define la altura en% del elemento padre
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: auto
Valor de retorno: Una cadena, que representa la altura de un elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Cambiar la altura de un <div> elemento:

document.getElementById("myDIV").style.height = "500px";
Inténtalo tú mismo "

Ejemplo

Cambiar la altura y la anchura de un <img> elemento:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Inténtalo tú mismo "

Ejemplo

Devolver la altura de un <img> elemento:

alert(document.getElementById("myImg").style.height);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS Dimensión

CSS tutorial: modelo de caja CSS

Referencia CSS: height property


<Estilo de objeto