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