Los últimos tutoriales de desarrollo web
 

HTML DOM clientLeft Propery

<Elemento de objeto

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

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

Ejemplos

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 "

<Elemento de objeto