Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS position

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

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


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

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

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

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

Chrome Firefox Internet Explorer Opera Safari
Свойство 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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта