Свойство top задаёт смещение позиционированного элемента относительно его верхнего края. Как именно оно будет перемещать элемент, зависит от выбранного значения: - Фиксированное позиционирование (position: fixed;) – элемент смещается вверх/вниз по отношению к верхнему краю окна браузера.
- Абсолютное позиционирование (position: absolute;) – перемещение происходит относительно верхнего края ближайшего предка с ненулевым позиционированием. Если такого предка нет, смещение относится к окну браузера.
- Относительное позиционирование (position: relative;) – элемент смещается относительно своего исходного положения.
- Для статического позиционирования (position: static;) свойство
top игнорируется - никаких изменений не произойдёт. Примечание: можно использовать отрицательные значения – смещение будет в обратном направлении! | Значение по умолчанию: | auto | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.top="50px" | | Значение | Описание | | auto | Браузер сам определит положение верхнего края. | | расстояние | Определяет расстояние от верхнего края в единицах измерения, поддерживаемых CSS. | | % | Процентное смещение рассчитывается относительно высоты окна просмотра либо высоты предка (если применимо). | | inherit | Наследует значение от родительского элемента. | Пример
|