Propriedade clientLeft do DOM HTML

Objeto Elemento do HTML DOM

clientLeftA propriedade de leitura retorna a largura da borda esquerda do elemento, em pixels.

o atributo clientLeft não inclui a margem esquerda ou o preenchimento esquerdo.

usandoclientTopo atributo retorna a largura da borda superior do elemento.

Atenção:quando o elemento tiverdisplay: inlineao mesmo tempo, independentemente de como o elemento seja bordado, clientLeft sempre retornará0.

Sintaxe:

element.clientLeft

var elem = document.querySelector("div");
var txt = "Largura da borda superior: "　+　elem.clientTop　+　"px<br>";
txt　+= "Largura da borda esquerda: "　+　elem.clientLeft　+　"px";

Compatibilidade do Navegador

Todos os navegadores suportam completamente o atributo clientLeft:

Detalhes Técnicos

Referências Relacionadas

Referência do HTML DOM:Atributo clientTop do HTML DOM

Objeto Elemento do HTML DOM