Compartir a través de


height

Establece el alto del objeto.

Sintaxis

{ height: sHeight }

Valores posibles

sHeight

Variante que especifica o recibe uno de los valores siguientes:

auto

Valor predeterminado.

alto

Número de punto flotante seguido de un designador de unidades absolutas (cm, mm, in, pt o pc) o de un designador de unidades relativas (em, ex o px).

Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud.

porcentaje

Entero seguido de un signo de porcentaje (%). El valor es un porcentaje del alto del objeto primario, que se debe especificar de forma explícita. No se permiten valores negativos.

La propiedad tiene el valor predeterminado auto. No se hereda.

Observaciones

Si especifica la propiedad height de un objeto IMG pero no la propiedad width, el ancho es proporcional al alto en función de las dimensiones del archivo origen de imagen.

Si la declaración !DOCTYPE no especifica el modo compatible con estándares, la propiedad height incluye el cuadro de contenido del objeto, además de los valores de las siguientes propiedades: border-top, border-bottom, padding-top y padding-bottom. Si al valor de la propiedad height se le resta la suma de los valores de estas propiedades, se obtiene el alto del cuadro de contenido del objeto primario.

Ejemplos

Este ejemplo utiliza un hoja de estilos en línea para establecer el alto de una imagen en 4 centímetros:

<img src="sphere.jpg" style="height:4cm">

Este ejemplo usa scripting en línea para establecer el alto de una imagen cuando se produce un evento onclick:

<button onclick="height1.style.height='1cm'">Shrink sphere</button>

Información sobre estándares

Esta propiedad se define en World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (Document Object Model (DOM) nivel 1 del World Wide Web Consortium (W3C)) y en Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, OPTION, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TD, TH, TR, TT, U, UL, VAR, XMP

Vea también

Conceptos

width

border-top

border-bottom

padding-top

padding-bottom