Перейти к справке CSSimg { position:absolute; top:5px;
}
Описание и использование
Свойство CSS top действует для абсолютно позиционированных элементов и устанавливает расстояние между верхней границей элемента и верхней границей его родителя. В случае, если элемент не вложен в другой элемент, родителем считается body.
Для относительно позиционированных элементов, свойство top задает расстояние между верхней границей элемента и положением верхней границы элемента при обычном позиционировании (static).
Заметка: Если позиция элемента задана «static», свойство top не оказывает никакого эффекта.
| Значение по умолчанию | авто |
|---|---|
| Наследование | нет |
| Версия CSS | CSS 2 |
| Синтаксис JavaScript | object.style.top=»50px» |
Поддержка в браузерах
Свойство top поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства top
| Значение | Описание |
|---|---|
| auto | Браузер вычисляет значение автоматически. Значение по умолчанию |
| length | Задает расстояние в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения разрешены |
| % | Задает расстояние в процентах от родительского элемента. Отрицательные значения разрешены |
| inherit | Значение наследуется от родительского элемента |
Связанные страницы
Учебник CSS: CSS позиционирование