top

 
top - для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента. Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его верхнего края. В случае значения relative, top отсчитывается от верхнего края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от верхнего края родителя.

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение свойства top может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента.

auto - не изменяет положение элемента.
inherit - наследует значение свойства родительского элемента.

Пример использования

body {font-weight: bold}
p
{
        position: fixed;
        top: 300px;
}

Характеристики

1. Применяется ко всем элементам.
2. Значение по умолчанию: auto
3. Не наследуется.

Синтаксис

top: значение | проценты | auto | inherit

Версии CSS

CSS 2
CSS 2.1
CSS 3

Смотрите также:

bottom
left
right
top

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.