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 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 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). Esta propiedad no est谩 implementada en Firefox 2 o anteriores.

Sintaxis

var left = element.clientLeft;

Ejemplo

padding-top

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.

Image:BirmanCat.jpgTodos los Birmanos tienen pintas y coloraci贸n obscura en la cara, orejas, patas y cola.

La imagen del gato y el texto vienen de www.best-cat-art.com

padding-bottom

LeftTopRightBottommargin-topmargin-bottomborder-topborder-bottom[if IE]><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><![endif]

Image:clientLeft.png

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.

Especificaci贸n

No es parte de ninguna especificaci贸n W3C.

Notas

clientLeft apareci贸 por primera vez en el modelo de objetos de MS IE DHTML.

La posici贸n de la barra de desplazamiento vertical en textosrtl depende de la preferencias de layout.scrollbar.side

Referencias