Style top Property

Установите верхнее положение <button> элемента:

document.getElementById("myBtn").style.top = "100px";

Определение и использование

Сверху свойство устанавливает или возвращает верхнюю позицию, расположенный элемент.

Это свойство определяет верхнюю позицию элемента, включая обивку, скроллинг, границу и края.

Tip: позиционированный элемент является элементом с позицией набором свойств к: относительному, абсолютному или фиксированному.

Совет: Для того, чтобы установить или вернуть нижнее положение позиционируемого элемента, используйте нижнее свойство.

Верхнее свойство поддерживается во всех основных браузерах.

Возвращает верхнее свойство:

object .style.top

Установите верхнее свойство:

oject .style.top="auto| Значения свойств

Стоимость	Описание
auto	Позволяет браузер установить верхнюю позицию. Это по умолчанию
length	Определяет верхнее положение в единицах длины. Отрицательные значения разрешены
%	Устанавливает верхнюю позицию в% от высоты родительского элемента
initial	Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit	Inherits это свойство от родительского элемента. Читайте о унаследовать

Значение по умолчанию:	авто
Возвращаемое значение:	Строка, представляющая верхнюю позицию элемента, расположенного
CSS версия	CSS2

Использование отрицательных значений - Установите верхнюю позицию <div> элемент:

document.getElementById("myDiv").style.top = "-100px";

Верните верхнюю позицию <div> элемент:

alert(document.getElementById("myDiv").style.top);