Propriété clientLeft de l'élément HTML DOM

Définition et utilisation

clientLeft La propriété retourne la largeur de la bordure gauche de l'élément, en pixels.

clientLeft La propriété ne comprend pas la marge interne ou externe gauche de l'élément.

clientLeft Les propriétés sont en lecture seule.

Remarque :Propriété style.borderLeftWidthRetourne également la largeur de la bordure gauche de l'élément.

Veuillez également consulter :Tutoriel sur le modèle de boîte CSS

Veuillez également consulter :

Propriété clientTop

Propriété clientWidth

Propriété clientHeight

Propriété offsetLeft

Propriété offsetTop

Exemple

Exemple 1

Afficher la largeur de la bordure supérieure et gauche de myDIV :

const elmnt = document.getElementById("myDIV");
let text = "Largeur de bordure supérieure: " + elmnt.clientTop + "px<br>";
text += "Largeur de bordure gauche: " + elmnt.clientLeft + "px";

Essayez-le vous-même

Exemple 2

Dans cet exemple, le sens du texte de "myDIV" est de droite à gauche, et il contient une barre de défilement :

let left = document.getElementById("myDIV").clientLeft;

Essayez-le vous-même

Syntaxe

element.clientLeft

Valeur de retour

Type Description
Numérique La largeur de la bordure gauche de l'élément, en pixels.

Support du navigateur

Tous les navigateurs le supportent element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporté Supporté Supporté Supporté Supporté Supporté