Método jQuery outerHeight()

❮ Métodos jQuery HTML/CSS

Exemplo

Retorna a altura externa de um elemento <div>:

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

Definição e uso

O método outerHeight() retorna a altura externa do PRIMEIRO elemento correspondente.

Como a imagem abaixo ilustra, esse método inclui preenchimento e borda.

Dica: Para incluir a margem, use outerHeight(true).

Dimensões do jQuery


Métodos relacionados:

  • largura() - Define ou retorna a largura de um elemento
  • height() - Define ou retorna a altura de um elemento
  • innerWidth() - Retorna a largura de um elemento (inclui preenchimento)
  • innerHeight() - Retorna a altura de um elemento (inclui preenchimento)
  • outerWidth() - Retorna a largura de um elemento (inclui preenchimento e borda).

Sintaxe

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

Experimente você mesmo - Exemplos


Especifique se deseja ou não incluir a margem.


Como usar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().


❮ Métodos jQuery HTML/CSS