element.clientWidth

« Référence du DOM

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

var valeur_clientWidth = document.getElementById(id_element).clientWidth;

<var>valeur_clientHeight</var> 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

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:clientWidth.png

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

Étiquettes et contributeurs liés au document

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