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
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