Propriedade HTML DOM clientLeft
Exemplo
Obtenha a largura da borda superior e esquerda de um elemento <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade clientLeft retorna a largura da borda esquerda de um elemento, em pixels.
Esta propriedade não inclui o preenchimento esquerdo do elemento ou a margem esquerda.
Dica: Você também pode usar a propriedade style.borderLeftWidth para retornar a largura da borda esquerda de um elemento.
Nota: Para Chrome, Firefox e Opera no Windows, se o elemento tiver uma barra de rolagem (definida pela propriedade CSS overflow ) e se a direção do texto desse elemento for da direita para a esquerda (definida pela propriedade CSS direction ), isso A 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 apenas a largura da borda esquerda.
Dica: Para retornar a largura da borda superior de um elemento, use a propriedade clientTop .
Esta propriedade é somente leitura.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sintaxe
element.clientLeft
Detalhes técnicos
Valor de retorno: | Um número, representando 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;