Свойство right в CSS

определяет позицию справа

Определяет правую горизонтальную позицию элемента. Работает в паре со свойством 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 Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
right
1
12
1
5.5
5
1
18
4
14
1
1.0
1
Поддерживается: Да
Получай полезные материалы удобным способом!
Добавить комментарий