|
CSS Свойство position
 Полный CSS Справочник
Пример
Позиционировать элемент h2:
h2
{
position:absolute;
left:100px;
top:150px;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Определение и Использование
Свойство position указывает тип метода позиционирования, используемый для элемента
(статический, относительный, абсолютный или фиксированный).
| Значение по умолчанию: |
static |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| JavaScript синтаксис: |
объект.style.position="absolute" |
Поддержка Браузерами
Свойство position поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
| Значение |
Описание |
| static |
Элементы отображаются в том порядке, в каком они появляются в потоке (исходном коде) документа. Используется по умолчанию. |
| absolute |
Элемент позиционируется относительно его первого не статического элемента-предка
|
| fixed |
Элемент позиционируется относительно окна браузера |
| relative |
Элемент позиционируется относительно его нормального положения, так. например, "left:20"
добавляет 20 пикселов к положению элемента СЛЕВА |
| inherit |
Значение свойства position наследуется от родительского элемента |
 |
Попробуйте сами - Примеры |
Относительное позиционирование
Этот пример демонстрирует, как позиционировать элемент относительно его нормального положения.
Смотрите ТакжеCSS уроки: CSS Позиционирование
Полный CSS Справочник
|
