Свойство CSS right

  • предыдущая страница resize
  • Следующая страница rotate

Определение и использование

Свойство right определяет правый край элемента. Это свойство определяет смещение правого внешнего края блока позиционирования от правого края содержащего блока.

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

Описание

Для элементов static, значение auto; для значений длины, соответствующие абсолютные значения; для значений процента, указанные значения; в противном случае auto.

Для относительных элементов, left всегда равно right.

См. также:

CSS учебник:CSS позиционирование

HTML DOM справочник:Свойство right

Пример

Установите правый край изображения на 5 пикселей влево от правого края содержащего элемента:

img
  {
  position:absolute;
  right:5px;
  }

Попробуйте сами

CSS грамматика

right: auto|length|initial|inherit;

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

Значение Описание
auto Значение по умолчанию. Расчет правого края выполняется браузером.
% Установка правого края элемента в процентах от ширины содержащего элемента. Могут использоваться отрицательные значения.
length Установка правого края элемента с использованием единиц измерения, таких как px, cm и т.д. Могут использоваться отрицательные значения.
inherit Определяет, что значение свойства right должно быть принято от родительского элемента.

Технические детали

Значение по умолчанию: auto
Ингеритность: no
Версия: CSS2
JavaScript грамматика: object.style.right="50px"

Более примеров

Установка правого края изображения с использованием фиксированных значений
Этот пример демонстрирует, как использовать фиксированные значения для установки правого края изображения.
Установка правого края изображения с использованием процентов
Этот пример демонстрирует, как использовать процентные значения для установки правого края изображения.

поддержка браузера

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0
  • предыдущая страница resize
  • Следующая страница rotate