element.clientLeft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.

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 esrtl (derecha a izquierda) y si hay un desbordamiento que provoque la aparición de la barra en el lado izquierdo.clientLeft NO incluyemargin-left opadding-left.clientLeft es de sólo lectura.

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

Sintaxis

var left = element.clientLeft;

Ejemplo

<div  >  <div      >    <p          >      padding-top    </p>    <p>      Suave, individualista y muy leal, los gatos de Birmania tienen un carácter      entre los persas y los siameses. Si le gustan los gatos que no son      agresivos, disfrutan estar entre los humanos y son generalmente      tranquilos, esta es la raza para usted.    </p>    <p>      Todos los Birmanos tienen pintas y coloración obscura en la cara, orejas,      patas y cola.    </p>    <p>      La imagen del gato y el texto vienen de      <a href="http://www.best-cat-art.com/"        >www.best-cat-art.com</a      >    </p>    <p          >      padding-bottom    </p>  </div>  <strong       >Left</strong  ><strong       >Top</strong  ><strong       >Right</strong  ><strong       >Bottom</strong  ></div>

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

Cuando la propiedadlayout.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.