Определяет правую горизонтальную позицию элемента. Работает в паре со свойством position
.
- Для
position: relative
происходит смещение от изначальной позиции элемента. - Для
position: absolute
иposition: fixed
смещение относительно родительского блока. - Для
position: sticky
смещение работает сначала как дляrelative
, но при прокручивании фиксируется какfixed
. - Для
position: static
не работает.
Если задано одновременно свойство right
и left
:
- Для
position: absolute
иposition: fixed
будут учитываться оба свойства, если ширина не задана. - Для
position: relative
свойствоright
будет проигнорировано.
Примеры
Значения
Значение | Описание |
---|---|
auto | По умолчанию. Блок не перемещается. |
расстояние | Расстояние от правого края в px, em и других единицах измерения. Допустимы отрицательные значения. Например: right: 10px; right: -.3em; right: 0; |
проценты | Расстояние в процентах от высоты родительского блока. Например: right: 5%; |
inherit | Наследует значение родительского блока. |
initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
right
1
12
1
5.5
5
1
18
4
14
1
1.0
1
Поддерживается: Да