| Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы. Свойства: position
- устанавливает откуда брать точки отсчета при позиционировании.
Данный атрибут обязательно должен быть указан, иначе все нижеперечисленные в этой статье свойства не будут работать.
Примеры:
Code position: absolute; // Отсчет берется относительно всей страницы
Code position: relative; // Отсчет берется относительно родительского контейнера
Code position: fixed; // Элемент не меняет своего положения даже при прокрутке
Code position: static; // Элемент отображается как и расположен в коде
Значение по умолчанию - static top
- определяет место расположения элемента от верхней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
Code top: 20px; // Элемент располагается на расстоянии 20 пикселей от верха left
- определяет место расположения элемента от левой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
Code left: 30px; // Элемент располагается на расстоянии 30 пикселей слева right
- определяет место расположения элемента от правой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
Code right: 40px; // Элемент располагается на расстоянии 40 пикселей справа bottom
- определяет место расположения элемента от нижней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
Code bottom: 50px; // Элемент располагается на расстоянии 50 пикселей от низа z-index
- при перекрывании элемента другими определяет какой из них будет находится выше.
Значения указываются целыми числами. Например элемент со значением 5 перекрывает элемент со значением 4 и меньше.
Примеры:
Code z-index: 10; // Элемент перекрывает другие, у которых значение 9 и меньше
Code z-index: auto; // Элементы перекрываются относительно расположения в коде
Значение по умолчанию - auto
| 
