Ejemplo
Obtener el ancho de un <div> borde superior e izquierdo del elemento:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";
El resultado de txt será:
Border top width: 15px
Border left width: 10px
Inténtalo tú mismo " Más "Try it Yourself" ejemplos 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 relleno a la izquierda del elemento o el margen izquierdo.
Consejo: También puede utilizar el style.borderLeftWidth propiedad 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 (establecido por el CSS desbordamiento de propiedad), y si la dirección del texto de dicho elemento sea de derecha a izquierda (set by the CSS direction property) , este 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, utilizando Safari, Chrome, Firefox u Opera, devuelve sólo el ancho del borde izquierdo.
Consejo: Para devolver el ancho del borde superior de un elemento, utilice el clientTop propiedad.
Esta propiedad es de solo lectura.
Soporte del navegador
Propiedad | |||||
---|---|---|---|---|---|
clientLeft | Sí | Sí | Sí | Sí | Sí |
Sintaxis
element .clientLeft
Detalles técnicos
Valor de retorno: | Un número, que representa la anchura 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;
Inténtalo tú mismo "