Свойство clientTop содержит ширину верхней границы (значение border-top).

См. также свойство clientLeft, которое содержит ширину левой границы.

Синтаксис

элемент.clientTop

Примеры

Пример

В данном примере clientTop равно border-top:

#elem {
	height: 100px;
	border: 10px solid;
	padding: 15px;
}
<div id="elem"></div>
var elem = document.getElementById('elem');
document.write(elem.clientTop);

Результат выполнения кода:

10

Пример

Если элемент скрытый, то clientTop равно 0:

#elem {
	border: 10px solid;
	display: none;
}
<div id="elem">Элемент</div>
var elem = document.getElementById('elem');
document.write(elem.clientTop);

Результат выполнения кода:

0