Metodo jQuery externalWidth()

❮ Metodi jQuery HTML/CSS

Esempio

Restituisce la larghezza esterna di un elemento <div>:

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

Definizione e utilizzo

Il metodo outerWidth() restituisce la larghezza esterna del PRIMO elemento abbinato.

Come illustra l'immagine seguente, questo metodo include riempimento e bordo.

Suggerimento: per includere il margine, utilizzare outerWidth(true).

jQuery Dimensioni


Metodi correlati:

  • width() - Imposta o restituisce la larghezza di un elemento
  • height() - Imposta o restituisce l'altezza di un elemento
  • innerWidth() - Restituisce la larghezza di un elemento (include il riempimento)
  • innerHeight() - Restituisce l'altezza di un elemento (include il riempimento)
  • outerHeight() - Restituisce l'altezza di un elemento (include spaziatura interna e bordo).

Sintassi

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

Provalo tu stesso - Esempi


Specificare se includere o meno il margine.


Come utilizzare width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight().


❮ Metodi jQuery HTML/CSS