Método jQuery ancho exterior()

❮ Métodos jQuery HTML/CSS

Ejemplo

Devuelve el ancho exterior de un elemento <div>:

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

Definición y uso

El método outsideWidth() devuelve el ancho 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 el ancho exterior (verdadero).

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)
  • outerHeight() : devuelve la altura de un elemento (incluye relleno y borde).

Sintaxis

$(selector).outerWidth(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 o no incluir el margen.


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


❮ Métodos jQuery HTML/CSS