CSS Свойство top
Полный CSS Справочник
Пример
Сдвинуть верхний край изображения на 5px вниз от верхнего края элемента, его содержащего:
img
{
position:absolute;
top:5px;
} |
Попробуйте сами » |
Определение и ИспользованиеДля абсолютно позиционированных элементов свойство top сдвигает
верхний край элемента на указанную величину вверх/вниз от верхнего края элемента, его содержащего.
Для относительно позиционированных элементов, свойство top сдвигает
верхний край элемента на указанную величину вверх/вниз относительно его обычного положения.
Замечание: При "position:static", свойство top не действует.
Значение по умолчанию: |
auto |
Наследуется: |
нет |
Версия: |
CSS2 |
JavaScript синтаксис: |
объект.style.top="50px" |
Поддержка Браузерами
Свойство top поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
Значение |
Описание |
auto |
Позволить браузеру вычислять положение верхнего края. Используется по умолчанию |
расстояние |
Устанавливает положение верхнего края в пикселах, сантиметрах и т.д. Допустимы отрицательные значения
|
% |
Устанавливает положение верхнего края в % от содержащего элемента.
Допустимы отрицательные значения |
inherit |
Указывает, что значение свойства top должно наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Позиционирование
Полный CSS Справочник
|