CSS свойство position, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-9032818Перейти к справке CSS

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

}

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

Свойство CSS position задает тип позиционирования элемента.

Значение по умолчанию static
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.position=»absolute»

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

chrome-6448245 firefox-1645637 ie-5388227 opera-2758323 safari-7756855
Свойство position поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства position

Значение Описание
absolute Абсолютное позиционирование, элемент позиционируется относительно первого родительского элемента, который имеет позиционирование, отличное от static. Положение элемента указывается с помощью свойств «left», «top», «right» и «bottom»
fixed Абсолютно позиционированный элемент, позиционируется относительно окна браузера. Положение элемента указывается с помощью свойств «left», «top», «right» и «bottom»
relative Относительное позиционирование, позиционируется относительно своего нормального местоположения
static По умолчанию. Нет позиционирования, элемент появляется там, где он прописан в html коде (игноруются свойства top, bottom, left, right и z-index)
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Display css и Visibility css

up_violet-9032818Перейти к справке CSS