Propriedade clientLeft

A propriedade clientLeft contém a largura da borda esquerda (valor border-left). Mais precisamente, clientLeft contém o valor da margem da parte interna do elemento em relação à externa. Na maioria dos casos, clientLeft é igual a border-left, mas se o documento estiver disposto da direita para a esquerda (por exemplo, árabe), então o valor de clientLeft pode incluir também a largura da barra de rolagem esquerda.

Sintaxe

javascriptelemento.clientLeft;

Exemplo

Vamos descobrir a largura da borda esquerda do elemento:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Resultado da execução do código:

javascript10

Veja também