Свойство CSS right

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

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
3.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.right = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
right:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="right:10px;">...</div>
Реализация в jQuery
$('#idElement').css('right','10px');
в данном случае элементу с id='idElement' будет добавлен стиль
right:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="right:10px;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает горизонтальное положение правого края элемента. Положение элемента зависит от значения position самого элемента и его родителя.

1. В случае если у элемента свойство right задано как absolute (абсолютно позиционированных), устанавливает положение правого края:

2. В случае если у элемента свойство right задано как fixed (фиксировано позиционированных), устанавливает положение правого края до до правого края экрана.

3. В случае если у элемента свойство right задано как relative (относительно позиционированных), устанавливает на какое расстояние, элемент перемещается относительно его нормального положения

4. В случае если у элемента свойство right задано как static (статично позиционированных), добавление свойства right ни как не изменяет его положение.

Синтаксис

right: значение | auto | inherit;

Например:

... right: 20px; ...

Значения

значение

Отрицательное, нулевое или положительное значение правого края элемента в пикселях или других единицах измерения CSS

inherit Наследует значение родителя.
auto

Положение элемента не изменяется.

Браузер самостоятельно рассчитывает положение правого края элемента.

Пример

right:0;
right:60px;
right:30%;
right:7em;

Результат

В этом блоке показан пример использования свойства right:0;.