Atributo clientLeft del Elemento DOM HTML

Definición y uso

clientLeft El atributo devuelve el ancho del borde izquierdo del elemento, medido en píxeles.

clientLeft El atributo no incluye el margen interno izquierdo ni el margen externo izquierdo del elemento.

clientLeft El atributo es de solo lectura.

Notas:Atributo style.borderLeftWidthTambién devuelve el ancho del borde izquierdo del elemento.

Vea también:Tutorial de modelo de cuadro CSS

Vea también:

Atributo clientTop

Atributo clientWidth

Atributo clientHeight

Atributo offsetLeft

Atributo offsetTop

Ejemplo

Ejemplo 1

Mostrar el ancho del borde superior e izquierdo de myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Ancho de borde superior: " + elmnt.clientTop + "px<br>";
text += "Ancho de borde izquierdo: " + elmnt.clientLeft + "px";

Prueba personalmente

Ejemplo 2

En este ejemplo, el texto de "myDIV" es de derecha a izquierda y tiene una barra de desplazamiento:

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

Prueba personalmente

Sintaxis

element.clientLeft

Valor devuelto

Tipo Descripción
Número El ancho del borde izquierdo del elemento, medido en píxeles.

Compatibilidad del navegador

Todos los navegadores lo admiten element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte