Exemplo
Obter a largura de um <div> borda superior e deixou elemento de:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";O resultado do txt será:
Border top width: 15px
Border left width: 10px Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade ClientLeft retorna a largura da borda esquerda de um elemento, em pixels.
Esta propriedade não inclui preenchimento à esquerda do elemento ou da margem esquerda.
Dica: Você também pode usar o style.borderLeftWidth propriedade para retornar a largura da borda esquerda de um elemento.
Nota: Para Chrome, Firefox e Opera no Windows, se o elemento tem uma barra de rolagem (estabelecido pelo CSS estouro propriedade), e se a direção do texto desse elemento é da direita para a esquerda (set by the CSS direction property) , este propriedade inclui a largura da barra de rolagem vertical, juntamente com a largura da borda esquerda. No IE, no entanto, ele retorna "0" . No Mac OS, usando Safari, Chrome, Firefox ou Opera, ele retorna somente a largura da borda esquerda.
Dica: Para retornar a largura da borda superior de um elemento, use o clientTop propriedade.
Esta propriedade é somente leitura.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| clientLeft | sim | sim | sim | sim | sim |
Sintaxe
element .clientLeftDetalhes técnicos
| Valor de retorno: | Um número, que representa a largura da borda esquerda de um elemento, em pixels |
|---|
mais Exemplos
Exemplo
Neste exemplo, a direção do texto de <div> é da direita para a esquerda, e tem uma barra de rolagem:
var left = document.getElementById("myDIV").clientLeft; Tente você mesmo "