CSS свойство right

Для HTML элементов с абсолютным позиционированием свойство right определяет расстояние от правого края элемента до правого края его ближайшего родительского элемента. Если у HTML элемента с абсолютным позиционированием нет позиционирующего родителя, то используется элемент body документа, и такой HTML элемент будет прокручиваться вместе со страницей.

Для HTML элементов с относительным позиционированием свойство right определяет расстояние от правого края элемента до его обычной позиции.

Внимание: Если свойство position имеет значение static, то свойство right не будет иметь эффекта.

CSS синтаксис

right: auto | расстояние | initial | inherit;

Возможные значения

ЗначениеОписание
autoЗначение по умолчанию. Браузер сам будет расчитывать позицию правого края элемента.
расстояниеУстанавливает расстояние от правого края элемента в px, cm и т.д. Допустимы отрицательные значения.
%Устанавливает расстояние от правого края элемента в процентах от ширины родительского элемента. Допустимы отрицательные значения.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем правый край элемента <div> с абсолютным позиционированием на 20px левее от правого края его ближайшего родителя.


div.absolute {
    position: absolute;
    right: 20px;
    width: 200px;
    height: 120px;
    border: 3px solid #8AC007;
}