atributo clientTop do Elemento DOM HTML

definição e uso

clientTop o atributo retorna a largura da borda superior do elemento, em pixels.

clientTop o atributo não inclui a margem interna superior ou a margem externa superior do elemento.

clientTop o atributo é de leitura apenas.

notas:atributo style.borderTopWidthtambém retorna a largura da borda superior do elemento.

veja também:tutorial do modelo de caixa CSS

veja também:

atributo clientLeft

atributo clientWidth

atributo clientHeight

atributo offsetLeft

atributo offsetTop

exemplo

Obter a largura da borda superior e esquerda do myDIV:

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

Experimente você mesmo

sintaxe

element.clientTop

valor de retorno

tipo descrição
número largura da borda superior do elemento, em pixels.

suporte do navegador

todos os navegadores suportam element.clientTop:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
suporte suporte suporte suporte suporte suporte