Résumé
clientWidth est une propriété DHTML qui représente la largeur intérieure d'un élément. Celle-ci inclut les espaces intérieurs éventuels (padding), mais pas la barre de défilement vertical (si présente), ni la bordure ou les marges extérieures (margin).
Si l'élément dispose d'une barre de défilement vertical, voici le calcul effectué :
clientWidth = largeur css + espaces intérieurs - largeur de la barre de défilement vertical.
Syntaxe et valeurs
varvaleur_clientWidth = document.getElementById(id_element).clientWidth;
valeur_clientHeight est une variable stockant un nombre entier correspondant à la largeur intérieure (clientHeight) de l'élément en pixels. clientHeight est une propriété en lecture seule.
Description
La valeur clientWidth d'un élément est une mesure qui inclut la largeur css de l'élément (width) et ses marges intérieures horizontales (padding), en enlevant au besoin, la largeur de sa barre de défilement vertical.
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
Spécifications
clientWidth fait partie du modèle objet DHTML de Microsoft Internet Explorer, mais ne fait partie d'aucune spécification ou recommandation technique du W3C.
Notes
clientWidth est une propriété du modèle objet DHTML qui a été introduite pour la première fois dans MSIE. Elle représente la largeur intérieure d'un élément.
Références
- definition de clientWidth par microsoft (en anglais)
- mesures des dimensions et de la position d'un élément (en anglais)
- référence du DOM Gecko sur clientWidth (en anglais)