Все справочники находятся в стадии наполнения. Если у вас есть идеи на счёт того как улучшить этот раздел, то вы можете оставить комментарий под конкретной записью или написать свои предложения по адресу [email protected].

right

CSSright
mangohost

Свойство right - позволяет указать смещение справа для позиционированного элемента относительно его контекста позиционирования.

Общие сведения

Это одно из четырёх свойств смещения в которые также входят lefttop и bottom.

Свойства смещения используются для указания точного положения позиционированного элемента и вообще никак не влияют на не позиционированные (статичные) элементы. Чтобы использовать это свойство, у элемента в свойстве position должно быть установлено значение отличное от static.

Синтаксис свойства

  • Синтаксис:
    right: <length> | <<percentage> | auto
  • Значение по умолчанию: auto
  • Применяется: к позиционированным элементам
  • Наследуется: нет
  • Анимируется: да

Значения свойства

  • <length> - смещение задаётся с помощью фиксированной величины. Смотрите тип данных <length> чтобы увидеть полный список возможных значений.
    Разрешено указывать отрицательные значения. Положительные значения смещают элемент влево от его верхнего края контекста позиционирования, а отрицательные значения смещают элемент вправо.
  • <percentage> - смещение задаётся процентами от высоты родительского блока.
  • auto - элемент остаётся в своей естественной позиции.

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

Свойство right поддерживается во всех основных браузерах: Chrome, Firefox, Safari, Opera, Internet Explorer и на Android и на iOS.

Примечание

Свойство right также может принимать значение inherit, которое позволяет элементу наследовать смещение справа от родительского элемента.

Пример

mangohost