Свойство top
Пример style.top
Установите свойство верхнее положение элемента <button>:
document.getElementById("myBtn").style.top = "100px";Попробуйте сами »
Описание top
Свойство top устанавливает или возвращает верхнюю позицию позиционируемого элемента.
Это свойство определяет верхнюю позицию элемента, включая отступ, полосу прокрутки, границу и поле.
Совет: Позиционируемый элемент — это элемент, у которого свойство position установлено на: относительное, абсолютное или фиксированное.
Совет: Чтобы установить или вернуть нижнюю позицию позиционируемого элемента, используйте свойство bottom.
Поддержка top
| Свойство | |||||
|---|---|---|---|---|---|
| top | Да | Да | Да | Да | Да |
Синтаксис top
Вернуть свойство top:
object.style.top
Установите свойство top:
object.style.top = "auto|length|%|initial|inherit"
Значение свойства top
| Значение | Описание |
|---|---|
| auto | Позволяет браузеру установить верхнюю позицию. Это значение по умолчанию |
| length | Определяет верхнюю позицию в единицах длины. Отрицательные значения допускаются |
| % | Устанавливает верхнюю позицию в % от высоты родительского элемента |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали top
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая верхнюю позицию позиционируемого элемента. |
| CSS Версия | CSS2 |
Ещё примеры top
Использование отрицательных значений — установка верхней позиции элемента <div>:
document.getElementById("myDiv").style.top = "-100px";
Попробуйте сами »
Вернуть свойство верхнее положение элемента <div>:
alert(document.getElementById("myDiv").style.top);
Попробуйте сами »
Связанные страницы top
CSS Учебник: CSS Позиционирование
CSS Справочник: Свойство top