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
elemento.clientLeft;
Exemplo
Vamos descobrir a largura da borda esquerda do elemento:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Resultado da execução do código:
10
Veja também
-
propriedade
clientTop,
que contém a largura da borda superior
