УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство top


CSS Справочник Полный CSS Справочник

Пример

Сдвинуть верхний край изображения на 5px вниз от верхнего края элемента, его содержащего:

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

Попробуйте сами »

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

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

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

Замечание: При "position:static", свойство top не действует. 

Значение по умолчанию: auto
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.top="50px"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство top поддерживается всеми основными браузерами.

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


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

Значение Описание
auto Позволить браузеру вычислять положение верхнего края. Используется по умолчанию
расстояние Устанавливает положение верхнего края в пикселах, сантиметрах и т.д. Допустимы отрицательные значения
% Устанавливает положение верхнего края в % от содержащего элемента. Допустимы отрицательные значения
inherit Указывает, что значение свойства top должно наследоваться от родительского элемента


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

CSS уроки: CSS Позиционирование


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS