CSS top Property

пример

Установите верхний край абсолютного позиционируется <div> элемент к 80px ниже верхнего края его ближайшего предка , расположенного:

div.absolute {
    position: absolute;
    top: 80px;
    width: 200px;
    height: 100px;
    border: 3px solid #8AC007;
}

Попробуй сам "

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

Для абсолютно позиционируемых элементов, верхний свойство устанавливает верхний край элемента к блоку выше / ниже верхнего края его ближайшего позиционированного предка. Примечание: Если абсолютный позиционируемый элемент не имеет расположенные предков, она использует тело документа, и движется вместе с прокруткой страницы. Примечание: "positioned" элемент, чья позиция ничего , кроме статической.

Для относительно позиционируемых элементов, верхний свойство устанавливает верхний край элемента к блоку выше / ниже своего нормального положения.

Note: Если "position:static" , верхнее свойство не имеет никакого эффекта.

Значение по умолчанию:	auto
Наследование:	no
Animatable:	yes. Read about animatable Try it
Версия:	CSS2
Синтаксис JavaScript:	object .style.top="100px" Try it

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

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
top	1,0	5.0	1,0	1,0	6.0

CSS Синтаксис

top: auto|length|initial|inherit;

Значения свойств

Стоимость	Описание	Сыграй
auto	Позволяет браузеру вычислить верхнюю позицию края. Это по умолчанию	Сыграй "
length	Устанавливает верхнее положение края в рх, см и т.д. Отрицательные значения разрешены	Сыграй "
%	Устанавливает верхнее положение края в% от содержащего элемента. Отрицательные значения разрешены	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

CSS Справка