Propiedad clientLeft

La propiedad clientLeft contiene el ancho del borde izquierdo (valor border-left). Más precisamente clientLeft contiene el valor del margen de la parte interna del elemento desde la externa. En la mayoría de los casos clientLeft es igual a border-left, pero si el documento se dispone de derecha a izquierda (por ejemplo, el idioma árabe), entonces en el valor clientLeft puede incluirse también el ancho de la barra de desplazamiento a la izquierda.

Sintaxis

javascriptelemento.clientLeft;

Ejemplo

Vamos a averiguar el ancho del borde izquierdo del elemento:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Resultado de la ejecución del código:

javascript10

Véase también