CSS-свойство top
задает смещение или отступ от верхнего края элемента, относительно которого он позиционируется.
- Для абсолютно позиционированных элементов свойство
top
указывает, насколько элемент смещен относительно верхнего края первого родительского элемента, чье значениеposition
отличается отstatic
. - Для относительно позиционированных элементов свойство
top
задает смещение относительно верхнего края самого блока (т. е. блоку задается позиция в нормальном потоке, а затем смещение от этой позиции в соответствии с этими свойствами).
Значение по умолчанию: | auto |
Применяется к: | Позиционированные элементы |
Наследование: | Нет |
Анимирование: | Да. Анимируемые свойства |
Версия: | CSS 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
top: length | percentage | auto | initial | inherit
Примеры написания кода свойства top
:
p {
position: absolute;
top: 150px;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
Значение | Описание |
---|---|
length | Значение может быть указано в px , pt , cm , em и т. д. Допускаются отрицательные значения. |
percentage | Устанавливает отступ в процентах. Процент рассчитывается относительно ширины блока, относительно которого выполняется смещение. Допускаются отрицательные процентные значения. |
auto |
Браузер автоматически рассчитывает значение. Это значение установлено по умолчанию. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента left . |
Поддержка браузеров
Свойство top
поддерживается во всех основных браузерах.