tutoriais mais recente desenvolvimento web
 

jQuery outerWidth() Method

<JQuery HTML / CSS Métodos

Exemplo

Voltar a largura exterior de um <div> elemento:

$("button").click(function(){
    alert($("div").outerWidth());
});
Tente você mesmo "

Definição e Uso

O outerWidth() método retorna a largura exterior do primeiro elemento de correspondência.

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

Dica: Para incluir a margem, utilize outerWidth(true) .

jQuery Dimensões


métodos relacionados:

  • width() - 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)
  • outerHeight() - Retorna a altura de um elemento (inclui preenchimento e borda).

Sintaxe

$(selector).outerWidth( includeMargin )

Parâmetro Descrição
includeMargin Opcional. Um valor booleano que determina se ou não incluir a margem
  • false - Padrão. Não inclui a margem
  • true - Inclui a margem

Tente você mesmo - Exemplos

Incluem a margem
Especificar se deve ou não incluir a margem.

Dimensões de exibição com métodos relacionados
Como utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight() .


<JQuery HTML / CSS Métodos