Propiedad HTML DOM clientLeft
Ejemplo
Obtenga el ancho del borde superior e izquierdo de un elemento <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad clientLeft devuelve el ancho del borde izquierdo de un elemento, en píxeles.
Esta propiedad no incluye el relleno izquierdo del elemento ni el margen izquierdo.
Sugerencia: también puede usar la propiedad style.borderLeftWidth para devolver el ancho del borde izquierdo de un elemento.
Nota: para Chrome, Firefox y Opera en Windows, si el elemento tiene una barra de desplazamiento (establecida por la propiedad de desbordamiento de CSS ) y si la dirección del texto de ese elemento es de derecha a izquierda (establecida por la propiedad de dirección de CSS ), esto La propiedad incluye el ancho de la barra de desplazamiento vertical, junto con el ancho del borde izquierdo. En IE, sin embargo, devuelve "0". En Mac OS, con Safari, Chrome, Firefox u Opera, solo devuelve el ancho del borde izquierdo.
Sugerencia: para devolver el ancho del borde superior de un elemento, use la propiedad clientTop .
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sintaxis
element.clientLeft
Detalles técnicos
Valor de retorno: | Un número, que representa el ancho del borde izquierdo de un elemento, en píxeles |
---|
Más ejemplos
Ejemplo
En este ejemplo, la dirección del texto de <div> es de derecha a izquierda y tiene una barra de desplazamiento:
var left = document.getElementById("myDIV").clientLeft;