Derniers tutoriels de développement web
 

jQuery outerHeight() Method

<JQuery HTML / Méthodes CSS

Exemple

Retour à la hauteur extérieure d'un <div> élément:

$("button").click(function(){
    alert($("div").outerHeight());
});
Essayez - le vous - même »

Définition et utilisation

Le outerHeight() méthode renvoie la hauteur extérieure de l'élément apparié FIRST.

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

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

jQuery Dimensions


méthodes connexes:

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

Syntaxe

$(selector).outerHeight( includeMargin )

Paramètre La description
includeMargin Optionnel. Une valeur booléenne indiquant si oui ou non d'inclure la marge
  • false - Valeur par défaut. Ne comprend pas la marge
  • true - Comprend la marge

Essayez-le vous-même - Exemples

Inclure la marge
Spécifier si oui ou non inclure la marge.

Afficher les dimensions avec des méthodes connexes
Comment utiliser la width(), height(), innerHeight(), innerWidth(), outerWidth() et outerHeight() .


<JQuery HTML / Méthodes CSS