Element.clientHeight
La propriété en lecture seule Element.clientHeight
vaut zéro pour les éléments sans CSS ou sans boîte de disposition en ligne/incise ; sinon elle vaut la hauteur interne d'un élément, exprimée en pixels. Cette hauteur inclut le remplissage (padding) mais exclut les bordures, les marges et les éventuelles barres de défilement horizontales.
clientHeight
peut être calculée comme : hauteur CSS + remplissage CSS - hauteur des barres de défilement horizontales s'il y en a.
Lorsque clientHeight
est utilisée sur l'élément racine (l'élément <html>
), (ou sur <body>
si le document est en mode de compatibilité (quirks mode)), c'est la hauteur de la zone d'affichage (viewport) (sans tenir compte des barres de défilement) qui est renvoyée. Il s'agit ici d'un cas aux limites pour clientHeight
.
Note :
Cette propriété sera arrondie en un entier. Si vous souhaitez utiliser une valeur décimale, vous pouvez utiliser element.getBoundingClientRect()
.
Syntaxe
var intElemClientHeight = element.clientHeight;
intElemClientHeight
est un entier correspondant à la valeur de clientHeight
pour l'élément représenté par element
, exprimée en pixels. La propriété clientHeight
est uniquement accessible en lecture-seule.
Exemples
Spécifications
Specification |
---|
CSSOM View Module # dom-element-clientheight |
Notes
clientHeight
est une propriété introduite par le modèle objet d'Internet Explorer.
Compatibilité des navigateurs
BCD tables only load in the browser