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
elemento.clientLeft;
Ejemplo
Vamos a averiguar el ancho del borde izquierdo del elemento:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Resultado de la ejecución del código:
10
Véase también
-
propiedad
clientTop,
que contiene el ancho del borde superior
