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 clientTop retorna a largura da borda superior de um elemento, em pixels.
Esta propriedade não inclui o preenchimento de topo do elemento ou margem superior.
Dica: Você também pode usar o style.borderTopWidth propriedade para retornar a largura da borda superior de um elemento.
Dica: Para retornar a largura da borda esquerda de um elemento, use o ClientLeft propriedade.
Esta propriedade é somente leitura.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| clientTop | sim | sim | sim | sim | sim |
Sintaxe
element .clientTopDetalhes técnicos
| Valor de retorno: | Um número, que representa a largura da borda superior de um elemento, em pixels |
|---|