Пример
/* Верхний край элемента p будет располагаться на 100px ниже верхней границы
родительского элемента */
p
{
border-style:solid;
position:absolute;
top:100px;
}
Для элементов размещенных абсолютно, свойство top определяет величину отступа элемента от верхней границы первого родительского элемента размещенного не статично.
Для элементов размещенных относительно, свойство top определяет величину смещения верхнего края элемента от его нормального расположения.
Для закрепленных элементов, свойство top определяет величину смещения элемента относительно верхней части окна браузера.
Свойство top может принимать отрицательные значения.
Обратите внимание: если элемент размещен статично свойство top не будет применено.
| Свойство | Описание |
|---|---|
| auto | Браузер автоматически высчитывает расположение верхней границы элемента. Является значением по умолчанию. |
| число | Позволяет задать расположение верхней границы элемента в px, pt, cm, %, и т.д. Вы можете также использовать отрицательные значения. |