CSS свойства позиционирования.

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

Значения:

static - положение элемента определяется браузером.

relative - позиция элемента определяется смещением от того места, в котором он появился по умолчанию.

absolute - позиция элемента определяется относительно позиции родительского элемента.

fixed - координаты вычисляются относительно границ контейнера.

Пример:

.p { position: relative ; }

Свойства left/top устанавливают или определяет позицию элемента относительно левого/верхнего края.

Сами по себе они ничего не делают. Применяются к элементам которым задано свойство position.

Значения:

auto - определяется браузером.

num - величина смешения.

Пример:

.p { position: relative; top : 20px; left : 40px; }

Свойство z-index определяет порядок слоев для элементов.

С помощью данного свойства можно накладывать один объект на другой. Данное свойство применимо только к объектам, имееющим атрибут absolute или relative свойства position.

Значения:

auto - определяется браузером.

num - число, задающее позицию объекта в слоях.

Пример:

.p { z-index: 5; }


html-css-tegs.ru © 2011 - 2018 год.
Все права защищены