Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство position


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

Пример

Позиционировать элемент h2:

h2
{
position:absolute;
left:100px;
top:150px;
}

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

Еще примеры внизу этой страницы.

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

Свойство position указывает тип метода позиционирования, используемый для элемента (статический, относительный, абсолютный или фиксированный).

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


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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

Значение Описание
static Элементы отображаются в том порядке, в каком они появляются в потоке (исходном коде) документа. Используется по умолчанию.
absolute Элемент позиционируется относительно его первого не статического элемента-предка
fixed Элемент позиционируется относительно окна браузера
relative Элемент позиционируется относительно его нормального положения, так. например, "left:20" добавляет 20 пикселов к положению элемента СЛЕВА
inherit Значение свойства position наследуется от родительского элемента


Примеры

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

Относительное позиционирование
Этот пример демонстрирует, как позиционировать элемент относительно его нормального положения.


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

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


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

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru