element.clientHeight

« Référence du DOM

Résumé

Renvoie la hauteur intérieure d'un élément en pixels. Celle-ci comprend les marges intérieures éventuelles (padding), mais ni la barre de défilement horizontale, ni les bordures ,ni les marges extérieures (margin).

clientHeight peut être calculée comme la propriété CSS height + la propriété CSS padding - la hauteur de la barre de défilement horizontale (si présente).

Syntaxe et valeurs

var <var>h</var> = <var>element</var>.clientHeight;

<var>h</var> est un entier représentant la valeur clientHeight de l'élément <var>element</var> en pixels. clientHeight est une propriété en lecture seule.

Exemple

padding-top

LA CHOUETTE

Tel un fantôme dans la nuit
Elle s'envole sans un bruit
C'est la silhouette de la chouette
Qui régurgite des boulettes
Son cri terrifie les petits
Qui se blottissent dans leur lit


LE RENARD

Animal nocturne et rusé
Il a un beau manteau de feu
C'est un canidé très futé
S'approcher de lui on ne peut
Avec sa queue immaculée
Des passants il flatte les yeux


LA CHAUVE-SOURIS

C'est très dur de la voir
Puisqu'elle vit dans le noir
Elle aime du sang boire
Et elle sort le soir


LA GRENOUILLE

Qu'est-c'qui saute et qui mouille
Qui plonge et qui farfouille
Qui nage et qui patouille
C'est bien sûr la grenouille


LE LION

Le lion est carnivore
Il a un beau pelage
Il est souvent en cage
Et ce soir il est mort


L'ELEPHANT

Descendant du mammouth
Il est très imposant
c'est bien sûr l'éléphant
attendez j'ai un doute


LE CHAT

Talentueux chasseur
Le chat est un joueur-né
Il cherche avec son nez
Et vit dans sa demeure

poèmes venant du site de peter2000

padding-bottom

LeftTopRightBottommargin-topmargin-bottomborder-topborder-bottom[if IE]><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><![endif]

Image:clientHeight_fr.png

Spécifications

clientHeight ne fait partie d'aucune spécification du W3C.

Notes

clientHeight est une propriété non standard, qui a été introduite dans le modèle objet d'Internet Explorer.

Références

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : BenoitL, Peter1789, Takenbot, Chbok, Mgjbot
Dernière mise à jour par : Mgjbot,