Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS top

Перейти к справке CSS

img
{
position:absolute;
top:5px;
}


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

Свойство CSS top действует для абсолютно позиционированных элементов и устанавливает расстояние между верхней границей элемента и верхней границей его родителя. В случае, если элемент не вложен в другой элемент, родителем считается body.

Для относительно позиционированных элементов, свойство top задает расстояние между верхней границей элемента и положением верхней границы элемента при обычном позиционировании (static).

Заметка: Если позиция элемента задана "static", свойство top не оказывает никакого эффекта.

Значение по умолчанию авто
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.top="50px"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство top поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства top

Значение Описание
auto Браузер вычисляет значение автоматически. Значение по умолчанию
length Задает расстояние в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения разрешены
% Задает расстояние в процентах от родительского элемента. Отрицательные значения разрешены
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS позиционирование


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта