Método jQuery outerHeight()

❮ Métodos jQuery HTML/CSS

Ejemplo

Devuelve la altura exterior de un elemento <div>:

$("button").click(function(){
  alert($("div").outerHeight());
});

Definición y uso

El método outerHeight() devuelve la altura exterior del PRIMER elemento coincidente.

Como ilustra la imagen a continuación, este método incluye relleno y borde.

Sugerencia: para incluir el margen, use outerHeight(true).

Dimensiones jQuery


Métodos relacionados:

  • width() - Establece o devuelve el ancho de un elemento
  • height() - Establece o devuelve la altura de un elemento
  • innerWidth() - Devuelve el ancho de un elemento (incluye relleno)
  • innerHeight() - Devuelve la altura de un elemento (incluye relleno)
  • outsideWidth() - Devuelve el ancho de un elemento (incluye relleno y borde).

Sintaxis

$(selector).outerHeight(includeMargin)

Parameter Description
includeMargin Optional. A Boolean value specifying whether or not to include the margin
  • false - Default. Does not include the margin
  • true - Includes the margin

Pruébelo usted mismo - Ejemplos


Especifique si desea incluir o no el margen.


Cómo utilizar ancho(), altura(), altura interior(), anchura interior(), anchura exterior() y altura exterior().


❮ Métodos jQuery HTML/CSS