Méthode jQuery outerWidth()

❮ Méthodes jQuery HTML/CSS

Exemple

Renvoie la largeur extérieure d'un élément <div> :

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

Définition et utilisation

La méthode outerWidth() renvoie la largeur extérieure du PREMIER élément correspondant.

Comme l'illustre l'image ci-dessous, cette méthode inclut le rembourrage et la bordure.

Astuce : Pour inclure la marge, utilisez outerWidth(true).

Dimensions jQuery


Méthodes associées :

  • width() - Définit ou renvoie la largeur d'un élément
  • height() - Définit ou renvoie la hauteur d'un élément
  • innerWidth() - Renvoie la largeur d'un élément (comprend le rembourrage)
  • innerHeight() - Renvoie la hauteur d'un élément (comprend le rembourrage)
  • outerHeight() - Renvoie la hauteur d'un élément (comprend le rembourrage et la bordure).

Syntaxe

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

Essayez-le vous-même - Exemples


Indiquez si vous souhaitez ou non inclure la marge.


Comment utiliser width(), height(), innerHeight(), innerWidth(), outerWidth() et outerHeight().


❮ Méthodes jQuery HTML/CSS