element.clientLeft

Resumen

El ancho del borde izquierdo de un elemento en pixel. Incluye el ancho de la barra de desplazamiento vertical, si la dirección del texto es rtl (derecha a izquierda) y si hay un desbordamiento que provoque la aparición de la barra en el lado izquierdo. clientLeft NO incluye margin-left o padding-left. clientLeft es de sólo lectura.

Las aplicaciones "Gecko-based applications" implementan clientLeft a partir de Gecko 1.9 (Firefox 3, ver Error 111207 en Firefox). Esta propiedad no está implementada en Firefox 2 o anteriores.

Sintaxis

js
var left = element.clientLeft;

Ejemplo

La barra de desplazamiento vertical en el lado izquierdo, aparece cuando la propiedad layout.scrollbar.side tiene el valor 1 o 3

Cuando la propiedad layout.scrollbar.side se establece a 1 o a 3 y la dirección de texto está puesta a RTL, entonces la barra de desplazamiento se pone a la izquierda y esto afecta a la forma en que se calcula clientLeft.

Especificaciones

Specification
CSSOM View Module
# dom-element-clientleft

Compatibilidad con navegadores

BCD tables only load in the browser

Referencias