Propiedad de altura de estilo
Ejemplo
Establecer la altura de un elemento <button>:
document.getElementById("myBtn").style.height = "50px";
Definición y uso
La propiedad height establece o devuelve la altura de un elemento.
La propiedad de altura tiene efecto solo en elementos a nivel de bloque o en elementos con posición absoluta o fija. El contenido desbordado se puede manipular con la propiedad de desbordamiento.
Sugerencia: use la propiedad de ancho para establecer o devolver el ancho de un elemento.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de la altura:
object.style.height
Establezca la propiedad de altura:
object.style.height = "auto|length|%|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | auto |
---|---|
Valor devuelto: | Una cadena, que representa la altura de un elemento. |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambiar la altura de un elemento <div>:
document.getElementById("myDIV").style.height = "500px";
Ejemplo
Cambiar la altura y el ancho de un elemento <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Ejemplo
Devuelve la altura de un elemento <img>:
alert(document.getElementById("myImg").style.height);
páginas relacionadas
Tutorial CSS: Dimensión CSS
Tutorial de CSS: modelo de caja CSS
Referencia CSS: propiedad de altura
❮ Objeto de estilo