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

Définition et utilisation

clientTop La propriété retourne la largeur de la bordure supérieure de l'élément, en pixels.

clientTop La propriété ne comprend pas la marge interne ou externe supérieure de l'élément.

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

Remarque :Propriété style.borderTopWidthRetourne également la largeur de la bordure supérieure de l'élément.

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

Veuillez également consulter :

Propriété clientLeft

Propriété clientWidth

Propriété clientHeight

Propriété offsetLeft

Propriété offsetTop

Exemple

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

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

Essayez-le vous-même

Syntaxe

element.clientTop

Valeur de retour

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

Support du navigateur

Tous les navigateurs le supportent element.clientTop：

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