Свойство style top

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

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

Это свойство определяет верхнее положение элемента, включая отступы, полосы прокрутки, рамки и внешние отступы.

Совет:Элемент позиционирования является Свойство position Установить:relative,absolute или fixed.

Совет:Чтобы установить или вернуть нижнее положение элемента, используйте Свойство bottom.

Дополнительная информация:

Урок CSS:Позиционирование CSS

Руководство по CSS:Свойство top

Пример

Пример 1

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

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

Попробуйте сами

Пример 2

Использование отрицательного значения - установить верхнее положение элемента <div>:

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

Попробуйте сами

Пример 3

Возвратить верхнее положение элемента <div>:

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

Попробуйте сами

Грамматика

Возвратить свойство top:

объект.style.top

Установить свойство top:

объект.style.top = "auto|length|%|initial|inherit"

Значение свойства

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

Технические детали

Значение по умолчанию: нет
Возврат значения: строка, которая указывает на верхнее положение элемента.
Версия CSS: CSS2

браузер поддерживает

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка